Patch Stylesheet (Tabs, Light Theme)

Patch QTabWidget
Minor color balance for Light Theme
This commit is contained in:
konero 2022-04-19 23:30:43 +01:00 committed by manongjohn
parent 8a94219dfd
commit 7cf3e1a1ea
8 changed files with 320 additions and 230 deletions

View file

@ -124,43 +124,51 @@ QGroupBox {
qproperty-BottomBelowLineColor: #111111;
}
.tab-flat,
QTabBar::tab {
#TopBarTab::tab,
#TabBarContainer QTabBar::tab {
background-color: #262626;
border-right: 1 solid #0c0c0c;
border-bottom: 1 solid #111111;
border-top: 0;
border-left: 0;
border-radius: 0;
color: #999999;
padding: 3 4 3 4;
margin: 0;
}
.tab-flat:hover,
QTabBar::tab:hover {
#TopBarTab::tab:hover,
#TabBarContainer QTabBar::tab:hover {
background-color: #333333;
color: #999999;
}
.tab-flat:selected,
QTabBar::tab:selected {
#TopBarTab::tab:selected,
#TabBarContainer QTabBar::tab:selected {
background-color: #303030;
color: #fff;
border-bottom-color: #303030;
}
.tab-flat:only-one,
QTabBar::tab:only-one {
#TopBarTab::tab:only-one,
#TabBarContainer QTabBar::tab:only-one {
margin: 0;
}
.tab-round {
.tab-round,
QTabBar::tab {
background-color: #262626;
border-top: 1 solid #111111;
border-right: 1 solid #111111;
border-left: 1 solid #111111;
border-bottom: 1 solid #111111;
border: 1 solid #111111;
color: #999999;
margin: 3 -1 0 0;
padding: 2 7 1 7;
}
.tab-round:hover {
.tab-round:hover,
QTabBar::tab:hover {
background-color: #333333;
color: #999999;
}
.tab-round:selected {
.tab-round:selected,
QTabBar::tab:selected {
background-color: #303030;
border-top-right-radius: 2;
border-top-left-radius: 2;
@ -169,15 +177,18 @@ QTabBar::tab:only-one {
margin: 1 -1 -1 0;
padding: 2 7 2 7;
}
.tab-round:only-one {
.tab-round:only-one,
QTabBar::tab:only-one {
margin: 1 0 0 0;
padding: 3 7 3 7;
}
.tab-round:last {
.tab-round:last,
QTabBar::tab:last {
margin-right: 0;
border-top-right-radius: 2;
}
.tab-round:first {
.tab-round:first,
QTabBar::tab:first {
border-top-left-radius: 2;
}
/* -----------------------------------------------------------------------------
@ -269,28 +280,18 @@ QMenuBar::item:pressed {
#TopBarTab {
margin: 0;
padding: 0;
background-color: transparent;
}
#TopBarTab::tab {
background-color: #262626;
border-top: 1 solid #0c0c0c;
border-right: 1 solid #0c0c0c;
color: #999999;
margin: 0 0 -1 0;
padding: 2 8 3 8;
}
#TopBarTab::tab:hover {
background-color: #333333;
color: #999999;
}
#TopBarTab::tab:selected {
background-color: #a35293;
color: #ffffff;
}
#TopBarTab::tab:first {
border-left: 1 solid #111111;
}
#TopBarTab::tab:last {
border-right: 1 solid #111111;
border-left: 1 solid #0c0c0c;
}
#TopBarTab QToolButton {
border-left: 2 solid #111111;
@ -659,22 +660,18 @@ DvScrollWidget {
border-radius: 2;
}
/* -----------------------------------------------------------------------------
Tab Containers
Tabs
----------------------------------------------------------------------------- */
#TabBarContainer {
background-color: #262626;
qproperty-BottomAboveLineColor: #262626;
qproperty-BottomBelowLineColor: #111111;
}
QTabWidget::Pane {
position: absolute;
top: -1;
margin: 0 3 3 3;
}
/* -----------------------------------------------------------------------------
Tabs
----------------------------------------------------------------------------- */
QTabBar {
background-color: #262626;
background-color: transparent;
}
QTabBar::tab::first {
margin-left: 3px;
}
QTabBar QToolButton {
/* Scroll buttons */
@ -692,6 +689,11 @@ QTabBar QToolButton:pressed {
QTabBar QToolButton:disabled {
color: rgba(230, 230, 230, 0.4);
}
#TabBarContainer {
background-color: #262626;
qproperty-BottomAboveLineColor: #262626;
qproperty-BottomBelowLineColor: #111111;
}
/* -----------------------------------------------------------------------------
Item Tree
----------------------------------------------------------------------------- */
@ -814,6 +816,20 @@ QListView {
border-color: #303030;
color: rgba(230, 230, 230, 0.4);
}
/* -----------------------------------------------------------------------------
QHeaderView
----------------------------------------------------------------------------- */
QHeaderView::section {
background-color: #232323;
border: 1 solid #111111;
padding-left: 4;
margin-left: -1;
margin-top: -1;
}
QTreeWidget {
background-color: #383838;
border: 1 solid #111111;
}
/* -----------------------------------------------------------------------------
Push Button
----------------------------------------------------------------------------- */

View file

@ -124,43 +124,51 @@ QGroupBox {
qproperty-BottomBelowLineColor: #060606;
}
.tab-flat,
QTabBar::tab {
#TopBarTab::tab,
#TabBarContainer QTabBar::tab {
background-color: #111111;
border-right: 1 solid #010101;
border-bottom: 1 solid #060606;
border-top: 0;
border-left: 0;
border-radius: 0;
color: #919191;
padding: 3 4 3 4;
margin: 0;
}
.tab-flat:hover,
QTabBar::tab:hover {
#TopBarTab::tab:hover,
#TabBarContainer QTabBar::tab:hover {
background-color: #1d1d1d;
color: #919191;
}
.tab-flat:selected,
QTabBar::tab:selected {
#TopBarTab::tab:selected,
#TabBarContainer QTabBar::tab:selected {
background-color: #202020;
color: #fff;
border-bottom-color: #202020;
}
.tab-flat:only-one,
QTabBar::tab:only-one {
#TopBarTab::tab:only-one,
#TabBarContainer QTabBar::tab:only-one {
margin: 0;
}
.tab-round {
.tab-round,
QTabBar::tab {
background-color: #111111;
border-top: 1 solid #060606;
border-right: 1 solid #060606;
border-left: 1 solid #060606;
border-bottom: 1 solid #060606;
border: 1 solid #060606;
color: #919191;
margin: 3 -1 0 0;
padding: 2 7 1 7;
}
.tab-round:hover {
.tab-round:hover,
QTabBar::tab:hover {
background-color: #1d1d1d;
color: #919191;
}
.tab-round:selected {
.tab-round:selected,
QTabBar::tab:selected {
background-color: #202020;
border-top-right-radius: 2;
border-top-left-radius: 2;
@ -169,15 +177,18 @@ QTabBar::tab:only-one {
margin: 1 -1 -1 0;
padding: 2 7 2 7;
}
.tab-round:only-one {
.tab-round:only-one,
QTabBar::tab:only-one {
margin: 1 0 0 0;
padding: 3 7 3 7;
}
.tab-round:last {
.tab-round:last,
QTabBar::tab:last {
margin-right: 0;
border-top-right-radius: 2;
}
.tab-round:first {
.tab-round:first,
QTabBar::tab:first {
border-top-left-radius: 2;
}
/* -----------------------------------------------------------------------------
@ -269,28 +280,18 @@ QMenuBar::item:pressed {
#TopBarTab {
margin: 0;
padding: 0;
background-color: transparent;
}
#TopBarTab::tab {
background-color: #111111;
border-top: 1 solid #010101;
border-right: 1 solid #010101;
color: #919191;
margin: 0 0 -1 0;
padding: 2 8 3 8;
}
#TopBarTab::tab:hover {
background-color: #1d1d1d;
color: #919191;
}
#TopBarTab::tab:selected {
background-color: #a35293;
color: #ffffff;
}
#TopBarTab::tab:first {
border-left: 1 solid #060606;
}
#TopBarTab::tab:last {
border-right: 1 solid #060606;
border-left: 1 solid #010101;
}
#TopBarTab QToolButton {
border-left: 2 solid #060606;
@ -659,22 +660,18 @@ DvScrollWidget {
border-radius: 2;
}
/* -----------------------------------------------------------------------------
Tab Containers
Tabs
----------------------------------------------------------------------------- */
#TabBarContainer {
background-color: #111111;
qproperty-BottomAboveLineColor: #111111;
qproperty-BottomBelowLineColor: #060606;
}
QTabWidget::Pane {
position: absolute;
top: -1;
margin: 0 3 3 3;
}
/* -----------------------------------------------------------------------------
Tabs
----------------------------------------------------------------------------- */
QTabBar {
background-color: #111111;
background-color: transparent;
}
QTabBar::tab::first {
margin-left: 3px;
}
QTabBar QToolButton {
/* Scroll buttons */
@ -692,6 +689,11 @@ QTabBar QToolButton:pressed {
QTabBar QToolButton:disabled {
color: rgba(230, 230, 230, 0.4);
}
#TabBarContainer {
background-color: #111111;
qproperty-BottomAboveLineColor: #111111;
qproperty-BottomBelowLineColor: #060606;
}
/* -----------------------------------------------------------------------------
Item Tree
----------------------------------------------------------------------------- */
@ -814,6 +816,20 @@ QListView {
border-color: #202020;
color: rgba(230, 230, 230, 0.4);
}
/* -----------------------------------------------------------------------------
QHeaderView
----------------------------------------------------------------------------- */
QHeaderView::section {
background-color: #131313;
border: 1 solid #060606;
padding-left: 4;
margin-left: -1;
margin-top: -1;
}
QTreeWidget {
background-color: #1b1b1b;
border: 1 solid #060606;
}
/* -----------------------------------------------------------------------------
Push Button
----------------------------------------------------------------------------- */

View file

@ -124,43 +124,51 @@ QGroupBox {
qproperty-BottomBelowLineColor: #a8a8a8;
}
.tab-flat,
QTabBar::tab {
#TopBarTab::tab,
#TabBarContainer QTabBar::tab {
background-color: #c4c4c4;
border-right: 1 solid #a3a3a3;
border-bottom: 1 solid #a8a8a8;
border-top: 0;
border-left: 0;
border-radius: 0;
color: #000;
padding: 3 4 3 4;
margin: 0;
}
.tab-flat:hover,
QTabBar::tab:hover {
#TopBarTab::tab:hover,
#TabBarContainer QTabBar::tab:hover {
background-color: #d1d1d1;
color: #000;
}
.tab-flat:selected,
QTabBar::tab:selected {
#TopBarTab::tab:selected,
#TabBarContainer QTabBar::tab:selected {
background-color: #DBDBDB;
color: #000;
border-bottom-color: #DBDBDB;
}
.tab-flat:only-one,
QTabBar::tab:only-one {
#TopBarTab::tab:only-one,
#TabBarContainer QTabBar::tab:only-one {
margin: 0;
}
.tab-round {
.tab-round,
QTabBar::tab {
background-color: #c4c4c4;
border-top: 1 solid #a8a8a8;
border-right: 1 solid #a8a8a8;
border-left: 1 solid #a8a8a8;
border-bottom: 1 solid #a8a8a8;
border: 1 solid #a8a8a8;
color: #000;
margin: 3 -1 0 0;
padding: 2 7 1 7;
}
.tab-round:hover {
.tab-round:hover,
QTabBar::tab:hover {
background-color: #d1d1d1;
color: #000;
}
.tab-round:selected {
.tab-round:selected,
QTabBar::tab:selected {
background-color: #DBDBDB;
border-top-right-radius: 2;
border-top-left-radius: 2;
@ -169,15 +177,18 @@ QTabBar::tab:only-one {
margin: 1 -1 -1 0;
padding: 2 7 2 7;
}
.tab-round:only-one {
.tab-round:only-one,
QTabBar::tab:only-one {
margin: 1 0 0 0;
padding: 3 7 3 7;
}
.tab-round:last {
.tab-round:last,
QTabBar::tab:last {
margin-right: 0;
border-top-right-radius: 2;
}
.tab-round:first {
.tab-round:first,
QTabBar::tab:first {
border-top-left-radius: 2;
}
/* -----------------------------------------------------------------------------
@ -208,7 +219,7 @@ QToolTip,
#DockSeparator,
QMainWindow::separator,
QSplitter::handle {
background-color: #8f8f8f;
background-color: #5b5b5b;
height: 4;
width: 4;
}
@ -216,7 +227,7 @@ QSplitter::handle {
background-color: #f55454;
}
TPanel {
background-color: #8f8f8f;
background-color: #5b5b5b;
}
/* -----------------------------------------------------------------------------
Topbar
@ -269,28 +280,18 @@ QMenuBar::item:pressed {
#TopBarTab {
margin: 0;
padding: 0;
background-color: transparent;
}
#TopBarTab::tab {
background-color: #c4c4c4;
border-top: 1 solid #a3a3a3;
border-right: 1 solid #a3a3a3;
color: #000;
margin: 0 0 -1 0;
padding: 2 8 3 8;
}
#TopBarTab::tab:hover {
background-color: #d1d1d1;
color: #000;
}
#TopBarTab::tab:selected {
background-color: #d97fbe;
color: #000;
}
#TopBarTab::tab:first {
border-left: 1 solid #a8a8a8;
}
#TopBarTab::tab:last {
border-right: 1 solid #a8a8a8;
border-left: 1 solid #a3a3a3;
}
#TopBarTab QToolButton {
border-left: 2 solid #a8a8a8;
@ -659,22 +660,18 @@ DvScrollWidget {
border-radius: 2;
}
/* -----------------------------------------------------------------------------
Tab Containers
Tabs
----------------------------------------------------------------------------- */
#TabBarContainer {
background-color: #c4c4c4;
qproperty-BottomAboveLineColor: #c4c4c4;
qproperty-BottomBelowLineColor: #a8a8a8;
}
QTabWidget::Pane {
position: absolute;
top: -1;
margin: 0 3 3 3;
}
/* -----------------------------------------------------------------------------
Tabs
----------------------------------------------------------------------------- */
QTabBar {
background-color: #c4c4c4;
background-color: transparent;
}
QTabBar::tab::first {
margin-left: 3px;
}
QTabBar QToolButton {
/* Scroll buttons */
@ -692,6 +689,11 @@ QTabBar QToolButton:pressed {
QTabBar QToolButton:disabled {
color: rgba(0, 0, 0, 0.4);
}
#TabBarContainer {
background-color: #c4c4c4;
qproperty-BottomAboveLineColor: #c4c4c4;
qproperty-BottomBelowLineColor: #a8a8a8;
}
/* -----------------------------------------------------------------------------
Item Tree
----------------------------------------------------------------------------- */
@ -814,6 +816,20 @@ QListView {
border-color: #b7b7b7;
color: rgba(0, 0, 0, 0.4);
}
/* -----------------------------------------------------------------------------
QHeaderView
----------------------------------------------------------------------------- */
QHeaderView::section {
background-color: #cecece;
border: 1 solid #a8a8a8;
padding-left: 4;
margin-left: -1;
margin-top: -1;
}
QTreeWidget {
background-color: #e3e3e3;
border: 1 solid #a8a8a8;
}
/* -----------------------------------------------------------------------------
Push Button
----------------------------------------------------------------------------- */
@ -989,7 +1005,7 @@ QTextEdit:disabled,
#TaskSheetItem:disabled,
#tasksRemoveBox:disabled,
#tasksAddBox:disabled {
background-color: #efefef;
background-color: #e5e5e5;
border-color: #c2c2c2;
color: rgba(0, 0, 0, 0.4);
}
@ -1587,9 +1603,9 @@ PaletteViewer QToolBar #keyFrameNavigator #KeyTotal {
}
#PageViewer {
qproperty-TextColor: #000;
qproperty-SelectedBorderColor: #425264;
qproperty-NumpadShortcutBgColor: rgba(0, 0, 0, 0.15);
qproperty-NumpadShortcutBorderColor: #808080;
qproperty-SelectedBorderColor: #697C9E;
qproperty-NumpadShortcutBgColor: rgba(0, 68, 255, 0.15);
qproperty-NumpadShortcutBorderColor: black;
qproperty-SeparatorColor: #a8a8a8;
qproperty-CurrentCellColor: rgba(217, 127, 190, 0.5);
qproperty-SelectedCellColor: #d97fbe;
@ -1620,7 +1636,7 @@ QDialog {
background-color: #DBDBDB;
}
QDialog #dialogButtonFrame {
background-color: #DBDBDB;
background-color: #d1d1d1;
border-top: 1 solid #a8a8a8;
}
QDialog #dialogButtonFrame QPushButton {
@ -2154,7 +2170,7 @@ FlipSlider {
qproperty-PBMarkerMarginLeft: 3;
qproperty-PBMarkerMarginRight: 3;
qproperty-notStartedColor: #c33c3c;
qproperty-startedColor: #10dd40;
qproperty-startedColor: #1ec044;
qproperty-baseColor: #c2c2c2;
qproperty-finishedColor: #c2c2c2;
}
@ -2400,7 +2416,7 @@ SpreadsheetViewer {
qproperty-SelectedEmptyColor: rgba(157, 139, 152, 0.5);
qproperty-SelectedSceneRangeEmptyColor: rgba(157, 139, 152, 0.5);
qproperty-TextColor: #000;
qproperty-ColumnHeaderBorderColor: #8f8f8f;
qproperty-ColumnHeaderBorderColor: #5b5b5b;
}
#ExpressionField {
background-color: #ffffff;
@ -2413,7 +2429,7 @@ SpreadsheetViewer {
#StatusBar {
background-color: #DBDBDB;
color: orange;
border-top: 1px outset #8f8f8f;
border-top: 1px outset #5b5b5b;
}
#StatusBar:disabled {
color: rgba(0, 0, 0, 0.4);

View file

@ -124,43 +124,51 @@ QGroupBox {
qproperty-BottomBelowLineColor: #2c2c2c;
}
.tab-flat,
QTabBar::tab {
#TopBarTab::tab,
#TabBarContainer QTabBar::tab {
background-color: #393939;
border-right: 1 solid #272727;
border-bottom: 1 solid #2c2c2c;
border-top: 0;
border-left: 0;
border-radius: 0;
color: #a1a1a1;
padding: 3 4 3 4;
margin: 0;
}
.tab-flat:hover,
QTabBar::tab:hover {
#TopBarTab::tab:hover,
#TabBarContainer QTabBar::tab:hover {
background-color: #454545;
color: #a1a1a1;
}
.tab-flat:selected,
QTabBar::tab:selected {
#TopBarTab::tab:selected,
#TabBarContainer QTabBar::tab:selected {
background-color: #484848;
color: #fff;
border-bottom-color: #484848;
}
.tab-flat:only-one,
QTabBar::tab:only-one {
#TopBarTab::tab:only-one,
#TabBarContainer QTabBar::tab:only-one {
margin: 0;
}
.tab-round {
.tab-round,
QTabBar::tab {
background-color: #393939;
border-top: 1 solid #2c2c2c;
border-right: 1 solid #2c2c2c;
border-left: 1 solid #2c2c2c;
border-bottom: 1 solid #2c2c2c;
border: 1 solid #2c2c2c;
color: #a1a1a1;
margin: 3 -1 0 0;
padding: 2 7 1 7;
}
.tab-round:hover {
.tab-round:hover,
QTabBar::tab:hover {
background-color: #454545;
color: #a1a1a1;
}
.tab-round:selected {
.tab-round:selected,
QTabBar::tab:selected {
background-color: #484848;
border-top-right-radius: 2;
border-top-left-radius: 2;
@ -169,15 +177,18 @@ QTabBar::tab:only-one {
margin: 1 -1 -1 0;
padding: 2 7 2 7;
}
.tab-round:only-one {
.tab-round:only-one,
QTabBar::tab:only-one {
margin: 1 0 0 0;
padding: 3 7 3 7;
}
.tab-round:last {
.tab-round:last,
QTabBar::tab:last {
margin-right: 0;
border-top-right-radius: 2;
}
.tab-round:first {
.tab-round:first,
QTabBar::tab:first {
border-top-left-radius: 2;
}
/* -----------------------------------------------------------------------------
@ -269,28 +280,18 @@ QMenuBar::item:pressed {
#TopBarTab {
margin: 0;
padding: 0;
background-color: transparent;
}
#TopBarTab::tab {
background-color: #393939;
border-top: 1 solid #272727;
border-right: 1 solid #272727;
color: #a1a1a1;
margin: 0 0 -1 0;
padding: 2 8 3 8;
}
#TopBarTab::tab:hover {
background-color: #454545;
color: #a1a1a1;
}
#TopBarTab::tab:selected {
background-color: #a35293;
color: #ffffff;
}
#TopBarTab::tab:first {
border-left: 1 solid #2c2c2c;
}
#TopBarTab::tab:last {
border-right: 1 solid #2c2c2c;
border-left: 1 solid #272727;
}
#TopBarTab QToolButton {
border-left: 2 solid #2c2c2c;
@ -659,22 +660,18 @@ DvScrollWidget {
border-radius: 2;
}
/* -----------------------------------------------------------------------------
Tab Containers
Tabs
----------------------------------------------------------------------------- */
#TabBarContainer {
background-color: #393939;
qproperty-BottomAboveLineColor: #393939;
qproperty-BottomBelowLineColor: #2c2c2c;
}
QTabWidget::Pane {
position: absolute;
top: -1;
margin: 0 3 3 3;
}
/* -----------------------------------------------------------------------------
Tabs
----------------------------------------------------------------------------- */
QTabBar {
background-color: #393939;
background-color: transparent;
}
QTabBar::tab::first {
margin-left: 3px;
}
QTabBar QToolButton {
/* Scroll buttons */
@ -692,6 +689,11 @@ QTabBar QToolButton:pressed {
QTabBar QToolButton:disabled {
color: rgba(230, 230, 230, 0.4);
}
#TabBarContainer {
background-color: #393939;
qproperty-BottomAboveLineColor: #393939;
qproperty-BottomBelowLineColor: #2c2c2c;
}
/* -----------------------------------------------------------------------------
Item Tree
----------------------------------------------------------------------------- */
@ -814,6 +816,20 @@ QListView {
border-color: #484848;
color: rgba(230, 230, 230, 0.4);
}
/* -----------------------------------------------------------------------------
QHeaderView
----------------------------------------------------------------------------- */
QHeaderView::section {
background-color: #3b3b3b;
border: 1 solid #2c2c2c;
padding-left: 4;
margin-left: -1;
margin-top: -1;
}
QTreeWidget {
background-color: #434343;
border: 1 solid #2c2c2c;
}
/* -----------------------------------------------------------------------------
Push Button
----------------------------------------------------------------------------- */

View file

@ -15,12 +15,15 @@
// -----------------------------------------------------------------------------
.tab-flat {
@horizontal-padding: 4;
background-color: @tab-bg-color;
border-right: 1 solid @tab-border-color;
border-bottom: 1 solid @accent;
border-top: 0;
border-left: 0;
border-radius: 0;
color: @tab-text-color;
padding: 3 @horizontal-padding 3 @horizontal-padding;
padding: 3 4 3 4;
margin: 0;
&:hover {
background-color: @tab-bg-color-hover;
color: @tab-text-color-hover;
@ -41,10 +44,7 @@
.tab-round {
@horizontal-padding: 7;
background-color: @tab-bg-color;
border-top: 1 solid @accent;
border-right: 1 solid @accent;
border-left: 1 solid @accent;
border-bottom: 1 solid @accent;
border: 1 solid @accent;
color: @tab-text-color;
margin: 3 -1 0 0;
padding: 2 @horizontal-padding 1 @horizontal-padding;

View file

@ -97,26 +97,17 @@ QMenuBar {
#TopBarTab {
margin: 0;
padding: 0;
background-color: transparent;
&::tab {
background-color: @rooms-tab-bg-color;
&:extend(.tab-flat all);
border-top: 1 solid @tab-border-color;
border-right: 1 solid @tab-border-color;
color: @rooms-tab-text-color;
margin: 0 0 -1 0;
padding: 2 8 3 8;
&:hover {
background-color: @rooms-tab-bg-color-hover;
color: @tab-text-color-hover;
}
&:selected {
background-color: @rooms-tab-bg-color-selected;
color: @rooms-tab-text-color-selected;
background-color: @hl-bg-color;
}
&:first {
border-left: 1 solid @accent;
}
&:last {
border-right: 1 solid @accent;
border-left: 1 solid @tab-border-color;
}
}
& QToolButton {
@ -515,27 +506,23 @@ DvScrollWidget {
}
/* -----------------------------------------------------------------------------
Tab Containers
Tabs
----------------------------------------------------------------------------- */
#TabBarContainer {
.tab-container;
}
QTabWidget::Pane {
position: absolute;
top: -1; // move border under tabs
&:extend(.frame all); // frame border
margin: 0 3 3 3;
}
/* -----------------------------------------------------------------------------
Tabs
----------------------------------------------------------------------------- */
QTabBar {
background-color: @tabbar-bg-color;
background-color: transparent;
&::tab {
&:extend(.tab-flat all);
&:extend(.tab-round all);
&::first {
margin-left: 3px;
}
}
& QToolButton {
/* Scroll buttons */
@ -554,6 +541,16 @@ QTabBar {
}
}
#TabBarContainer {
// Panels: Palette, Style Editor, Fx Editor, etc.
.tab-container;
& QTabBar {
&::tab {
&:extend(.tab-flat all);
}
}
}
/* -----------------------------------------------------------------------------
Item Tree
----------------------------------------------------------------------------- */
@ -666,3 +663,20 @@ QListView {
}
}
}
/* -----------------------------------------------------------------------------
QHeaderView
----------------------------------------------------------------------------- */
QHeaderView::section {
background-color: @browser-itemview-col-color;
border: 1 solid @browser-itemview-col-border-color;
padding-left: 4;
margin-left: -1;
margin-top: -1;
}
QTreeWidget {
background-color: @browser-itemview-bg-color-alt;
border: 1 solid @accent;
}

View file

@ -5,8 +5,6 @@
// -----------------------------------------------------------------------------
// This inherits from NEUTRAL theme, when updating NEUTRAL make sure to check
// changes against LIGHT.
//
// NOTE: Compile Neutral.less before this.
// -----------------------------------------------------------------------------
// Override
@ -17,13 +15,11 @@
@bg: #DBDBDB;
@accent: darken(@bg, 20);
@dock-bg-color: darken(@bg, 30);
@dock-bg-color: darken(@bg, 50);
@hl-bg-color: rgb(217, 127, 190);
@hl-text-color: #000;
@hl-bg-color-secondary: darken(@bg, 15);
@dialogButtonFrame-bg-color: @bg;
// -----------------------------------------------------------------------------
// Tabs
// -----------------------------------------------------------------------------
@ -90,7 +86,7 @@
@input-text-color: #000;
@input-border-color: @accent;
@input-border-color-focus: saturate(darken(@hl-bg-color, 20), 20);
@input-bg-color-disabled: lighten(@bg, 8);
@input-bg-color-disabled: lighten(@bg, 4);
// -----------------------------------------------------------------------------
// CheckBox
@ -112,7 +108,7 @@
@flipslider-img: 'flipslider_light.svg';
@flipslider-base-color: darken(@bg, 10);
@flipslider-notstarted-color: rgb(195, 60, 60);
@flipslider-started-color: rgb(16, 221, 64);
@flipslider-started-color: rgb(30, 192, 68);
// Ruler
@viewer-ruler-handle-color: black;
@ -123,9 +119,9 @@
// -----------------------------------------------------------------------------
// All views (except list);
@palette-SelectedBorderColor: rgb(66, 82, 100);
@palette-NumpadShortcutBgColor: rgba(0, 0, 0, 0.15);
@palette-NumpadShortcutBorderColor: rgb(128, 128, 128);
@palette-SelectedBorderColor: #697C9E;
@palette-NumpadShortcutBgColor: rgba(0, 68, 255, 0.15);
@palette-NumpadShortcutBorderColor: black;
// List view
@palette-ListNumpadShortcutBorderColor: rgb(105, 105, 105);

View file

@ -124,43 +124,51 @@ QGroupBox {
qproperty-BottomBelowLineColor: #5a5a5a;
}
.tab-flat,
QTabBar::tab {
#TopBarTab::tab,
#TabBarContainer QTabBar::tab {
background-color: #717171;
border-right: 1 solid #555555;
border-bottom: 1 solid #5a5a5a;
border-top: 0;
border-left: 0;
border-radius: 0;
color: #000;
padding: 3 4 3 4;
margin: 0;
}
.tab-flat:hover,
QTabBar::tab:hover {
#TopBarTab::tab:hover,
#TabBarContainer QTabBar::tab:hover {
background-color: #7d7d7d;
color: #000;
}
.tab-flat:selected,
QTabBar::tab:selected {
#TopBarTab::tab:selected,
#TabBarContainer QTabBar::tab:selected {
background-color: #808080;
color: #000;
border-bottom-color: #808080;
}
.tab-flat:only-one,
QTabBar::tab:only-one {
#TopBarTab::tab:only-one,
#TabBarContainer QTabBar::tab:only-one {
margin: 0;
}
.tab-round {
.tab-round,
QTabBar::tab {
background-color: #717171;
border-top: 1 solid #5a5a5a;
border-right: 1 solid #5a5a5a;
border-left: 1 solid #5a5a5a;
border-bottom: 1 solid #5a5a5a;
border: 1 solid #5a5a5a;
color: #000;
margin: 3 -1 0 0;
padding: 2 7 1 7;
}
.tab-round:hover {
.tab-round:hover,
QTabBar::tab:hover {
background-color: #7d7d7d;
color: #000;
}
.tab-round:selected {
.tab-round:selected,
QTabBar::tab:selected {
background-color: #808080;
border-top-right-radius: 2;
border-top-left-radius: 2;
@ -169,15 +177,18 @@ QTabBar::tab:only-one {
margin: 1 -1 -1 0;
padding: 2 7 2 7;
}
.tab-round:only-one {
.tab-round:only-one,
QTabBar::tab:only-one {
margin: 1 0 0 0;
padding: 3 7 3 7;
}
.tab-round:last {
.tab-round:last,
QTabBar::tab:last {
margin-right: 0;
border-top-right-radius: 2;
}
.tab-round:first {
.tab-round:first,
QTabBar::tab:first {
border-top-left-radius: 2;
}
/* -----------------------------------------------------------------------------
@ -269,28 +280,18 @@ QMenuBar::item:pressed {
#TopBarTab {
margin: 0;
padding: 0;
background-color: transparent;
}
#TopBarTab::tab {
background-color: #717171;
border-top: 1 solid #555555;
border-right: 1 solid #555555;
color: #000;
margin: 0 0 -1 0;
padding: 2 8 3 8;
}
#TopBarTab::tab:hover {
background-color: #7d7d7d;
color: #000;
}
#TopBarTab::tab:selected {
background-color: #c16099;
color: #000;
}
#TopBarTab::tab:first {
border-left: 1 solid #5a5a5a;
}
#TopBarTab::tab:last {
border-right: 1 solid #5a5a5a;
border-left: 1 solid #555555;
}
#TopBarTab QToolButton {
border-left: 2 solid #5a5a5a;
@ -659,22 +660,18 @@ DvScrollWidget {
border-radius: 2;
}
/* -----------------------------------------------------------------------------
Tab Containers
Tabs
----------------------------------------------------------------------------- */
#TabBarContainer {
background-color: #717171;
qproperty-BottomAboveLineColor: #717171;
qproperty-BottomBelowLineColor: #5a5a5a;
}
QTabWidget::Pane {
position: absolute;
top: -1;
margin: 0 3 3 3;
}
/* -----------------------------------------------------------------------------
Tabs
----------------------------------------------------------------------------- */
QTabBar {
background-color: #717171;
background-color: transparent;
}
QTabBar::tab::first {
margin-left: 3px;
}
QTabBar QToolButton {
/* Scroll buttons */
@ -692,6 +689,11 @@ QTabBar QToolButton:pressed {
QTabBar QToolButton:disabled {
color: rgba(0, 0, 0, 0.4);
}
#TabBarContainer {
background-color: #717171;
qproperty-BottomAboveLineColor: #717171;
qproperty-BottomBelowLineColor: #5a5a5a;
}
/* -----------------------------------------------------------------------------
Item Tree
----------------------------------------------------------------------------- */
@ -814,6 +816,20 @@ QListView {
border-color: #737373;
color: rgba(0, 0, 0, 0.4);
}
/* -----------------------------------------------------------------------------
QHeaderView
----------------------------------------------------------------------------- */
QHeaderView::section {
background-color: #737373;
border: 1 solid #5a5a5a;
padding-left: 4;
margin-left: -1;
margin-top: -1;
}
QTreeWidget {
background-color: #888888;
border: 1 solid #5a5a5a;
}
/* -----------------------------------------------------------------------------
Push Button
----------------------------------------------------------------------------- */