b0dac22325
* Theme Fixes A bunch of fixes for all themes * Change Checkbox Style Inverts color value of checked state indicators to make them easier to see. It was already applied to light theme, this applies it to all other themes. * Fix Viewbox * More Fixes Mainly fixes the exclusive radio buttons I missed in menus, also visually improves the tick mark icon in checkboxes, color balances the x-sheet for dark theme and light theme. * Style Progress Bar Adds style to QProgressBar Also brings back the tree folder color for the light theme (dark blue) * Fix QToolBar in Palette Windows Allows the border to show under QToolBar. Add clarity to QScrollBar handle (light). * Style Indicators Restyles all the indicators and radiobuttons, adds styles such as hover to radiobuttons that was missing
166 lines
3.4 KiB
Text
166 lines
3.4 KiB
Text
/* -----------------------------------------------------------------------------
|
|
Style Editor
|
|
----------------------------------------------------------------------------- */
|
|
|
|
#StyleEditor {
|
|
& #TabBarContainer {
|
|
margin-left: -5; // reset left edge margin
|
|
}
|
|
& #bottomWidget {
|
|
border-top: 1 solid @accent;
|
|
padding: 3 2 8 3;
|
|
& QPushButton {
|
|
// override above margin reset
|
|
padding: 3 5;
|
|
}
|
|
}
|
|
}
|
|
|
|
#StyleEditorTabBar {
|
|
padding: 0;
|
|
margin: 0;
|
|
&::tab {
|
|
&:extend(.tab-flat all);
|
|
&:first {
|
|
border-left: 1 solid @accent;
|
|
}
|
|
}
|
|
}
|
|
|
|
#HexagonalColorWheel {
|
|
qproperty-BGColor: @bg;
|
|
}
|
|
|
|
/* -------------------------------------------------------------------------- */
|
|
|
|
/* Horizontal QSlider */
|
|
|
|
#colorSlider {
|
|
&::groove:horizontal {
|
|
height: 1;
|
|
border-image: none;
|
|
}
|
|
&::handle:horizontal {
|
|
width: 8;
|
|
margin: -8 -4;
|
|
}
|
|
}
|
|
|
|
#colorSliderAddButton,
|
|
#colorSliderSubButton {
|
|
background: none;
|
|
border-color: transparent;
|
|
image-position: center center;
|
|
min-height: 16;
|
|
padding: 0;
|
|
min-width: 18;
|
|
&:hover {
|
|
&:extend(.button-tool:hover);
|
|
}
|
|
&:pressed {
|
|
&:extend(.button-tool:pressed);
|
|
}
|
|
}
|
|
|
|
#colorSliderAddButton {
|
|
image: url('@{img-url}/scroll-right.svg');
|
|
}
|
|
|
|
#colorSliderSubButton {
|
|
image: url('@{img-url}/scroll-left.svg');
|
|
}
|
|
|
|
#PlainColorPageParts {
|
|
border-bottom: 1 solid @accent;
|
|
& QLineEdit {
|
|
max-width: 35;
|
|
}
|
|
}
|
|
|
|
#colorSliderLabel,
|
|
#colorSliderField {
|
|
// Placeholder
|
|
}
|
|
|
|
/* -----------------------------------------------------------------------------
|
|
Palette Viewer / Studio Palette
|
|
----------------------------------------------------------------------------- */
|
|
|
|
PaletteViewer {
|
|
& DvScrollWidget {
|
|
& QPushButton {
|
|
border-top: 0;
|
|
margin-bottom: 0;
|
|
max-width: 15;
|
|
min-width: 15;
|
|
}
|
|
& #ScrollLeftButton {
|
|
border-radius: 0;
|
|
margin-bottom: 0;
|
|
max-width: 16;
|
|
min-width: 16;
|
|
}
|
|
& #ScrollRightButton {
|
|
border-radius: 0;
|
|
margin-left: 1;
|
|
margin-bottom: 0;
|
|
max-width: 16;
|
|
min-width: 16;
|
|
}
|
|
}
|
|
& QToolBar {
|
|
&::separator:horizontal {
|
|
margin: 0; // very compact space so we remove margin
|
|
}
|
|
& QToolButton {
|
|
&:extend(.button-flat all);
|
|
margin: 0;
|
|
padding: 2 0 2 0;
|
|
|
|
}
|
|
}
|
|
}
|
|
|
|
#StudioPalette {
|
|
// placeholder
|
|
}
|
|
|
|
#PaletteTabBar {
|
|
&::tab {
|
|
&:extend(.tab-flat all);
|
|
padding-bottom: 4; // allow QToolBar's bottom border to show
|
|
// since default tab padding is 3 (vert)
|
|
// this adds 1 extra (3+1)
|
|
}
|
|
}
|
|
|
|
#PageViewer {
|
|
qproperty-TextColor: @text-color;
|
|
}
|
|
|
|
#PaletteLockButton {
|
|
border-radius: 0;
|
|
&:checked {
|
|
background-color: @toolbutton-lock-bg-color-checked;
|
|
border-color: @toolbutton-lock-border-color-checked;
|
|
&:hover {
|
|
background-color: @toolbutton-lock-bg-color-checked-hover;
|
|
border-color: @toolbutton-lock-border-color-checked-hover;
|
|
}
|
|
}
|
|
}
|
|
|
|
/* -----------------------------------------------------------------------------
|
|
Quick Renamer
|
|
----------------------------------------------------------------------------- */
|
|
|
|
#WordButton {
|
|
&:extend(.QPushButton all);
|
|
// remove horizontal padding otherwise moderate length text gets clipped
|
|
padding-right: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
#SolidLineFrame {
|
|
&:extend(.frame all);
|
|
}
|