diff --git a/src/stylesheets/default.css b/src/stylesheets/default.css index 127baed..19d8b58 100644 --- a/src/stylesheets/default.css +++ b/src/stylesheets/default.css @@ -39,6 +39,7 @@ ads--CDockWidgetTab[activeTab="true"] QLabel { color: palette(foreground); } +/* Side tab styling */ ads--CDockWidgetSideTab { background: palette(window); qproperty-iconSize: 16px 16px;/* this is optional in case you would like to change icon size*/ @@ -99,6 +100,7 @@ ads--CDockWidgetSideTab[sideTabBarArea="3"][activeTab="true"],[sideTabBarArea="4 ads--CDockWidgetSideTab[sideTabBarArea="5"][activeTab="true"] { border-bottom: 3px solid palette(highlight); } +/* Side tab styling */ ads--CDockWidget { background: palette(light); diff --git a/src/stylesheets/default_linux.css b/src/stylesheets/default_linux.css index f9161f8..2a90402 100644 --- a/src/stylesheets/default_linux.css +++ b/src/stylesheets/default_linux.css @@ -43,6 +43,69 @@ ads--CDockWidgetTab[activeTab="true"] QLabel { color: palette(foreground); } +/* Side tab styling */ +ads--CDockWidgetSideTab { + background: palette(window); + qproperty-iconSize: 16px 16px;/* this is optional in case you would like to change icon size*/ +} + +ads--CDockWidgetSideTab[sideTabBarArea="0"] { + border-top: 3px solid grey; + border-right: 1px solid white; +} + +ads--CDockWidgetSideTab[sideTabBarArea="1"],[sideTabBarArea="2"] { + border-left: 3px solid grey; + border-bottom: 1px solid white; +} + +ads--CDockWidgetSideTab[sideTabBarArea="3"],[sideTabBarArea="4"] { + border-right: 3px solid grey; + border-bottom: 1px solid white; +} + +ads--CDockWidgetSideTab[sideTabBarArea="5"] { + border-bottom: 3px solid grey; + border-right: 1px solid white; +} + +ads--CDockWidgetSideTab:hover[sideTabBarArea="0"] { + border-top: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab:hover[sideTabBarArea="1"],:hover[sideTabBarArea="2"] { + border-left: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab:hover[sideTabBarArea="3"],:hover[sideTabBarArea="4"] { + border-right: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab:hover[sideTabBarArea="5"] { + border-bottom: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab:hover[sideTabBarArea="0"][activeTab="true"] { + border-top: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab[sideTabBarArea="0"][activeTab="true"] { + border-top: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab[sideTabBarArea="1"][activeTab="true"],[sideTabBarArea="2"][activeTab="true"] { + border-left: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab[sideTabBarArea="3"][activeTab="true"],[sideTabBarArea="4"][focused="true"] { + border-right: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab[sideTabBarArea="5"][activeTab="true"] { + border-bottom: 3px solid palette(highlight); +} +/* Side tab styling */ + ads--CDockWidget { background: palette(light); border-color: palette(light); diff --git a/src/stylesheets/focus_highlighting.css b/src/stylesheets/focus_highlighting.css index a24aa9a..ccab906 100644 --- a/src/stylesheets/focus_highlighting.css +++ b/src/stylesheets/focus_highlighting.css @@ -22,6 +22,21 @@ ads--CDockWidgetTab { qproperty-iconSize: 16px 16px;/* this is optional in case you would like to change icon size*/ } +ads--CDockWidgetTab[activeTab="true"] { + background: qlineargradient(spread : pad, x1 : 0, y1 : 0, x2 : 0, y2 : 0.5, stop : 0 + palette(window), stop:1 palette(light)); + /*background: palette(highlight);*/ +} + +ads--CDockWidgetTab QLabel { + color: palette(dark); +} + +ads--CDockWidgetTab[activeTab="true"] QLabel { + color: palette(foreground); +} + +/* Side tab styling */ ads--CDockWidgetSideTab { background: palette(window); qproperty-iconSize: 16px 16px;/* this is optional in case you would like to change icon size*/ @@ -47,20 +62,43 @@ ads--CDockWidgetSideTab[sideTabBarArea="5"] { border-right: 1px solid white; } -ads--CDockWidgetTab[activeTab="true"] { - background: qlineargradient(spread : pad, x1 : 0, y1 : 0, x2 : 0, y2 : 0.5, stop : 0 - palette(window), stop:1 palette(light)); - /*background: palette(highlight);*/ +ads--CDockWidgetSideTab:hover[sideTabBarArea="0"] { + border-top: 3px solid palette(highlight); } -ads--CDockWidgetTab QLabel { - color: palette(dark); +ads--CDockWidgetSideTab:hover[sideTabBarArea="1"],:hover[sideTabBarArea="2"] { + border-left: 3px solid palette(highlight); } -ads--CDockWidgetTab[activeTab="true"] QLabel { - color: palette(foreground); +ads--CDockWidgetSideTab:hover[sideTabBarArea="3"],:hover[sideTabBarArea="4"] { + border-right: 3px solid palette(highlight); } +ads--CDockWidgetSideTab:hover[sideTabBarArea="5"] { + border-bottom: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab:hover[sideTabBarArea="0"][activeTab="true"] { + border-top: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab[sideTabBarArea="0"][activeTab="true"] { + border-top: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab[sideTabBarArea="1"][activeTab="true"],[sideTabBarArea="2"][activeTab="true"] { + border-left: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab[sideTabBarArea="3"][activeTab="true"],[sideTabBarArea="4"][focused="true"] { + border-right: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab[sideTabBarArea="5"][activeTab="true"] { + border-bottom: 3px solid palette(highlight); +} +/* Side tab styling */ + ads--CDockWidget { background: palette(light); border-color: palette(light); @@ -125,42 +163,6 @@ ads--CDockSplitter::handle { } /* Focus related styling */ -ads--CDockWidgetSideTab:hover[sideTabBarArea="0"] { - border-top: 3px solid palette(highlight); -} - -ads--CDockWidgetSideTab:hover[sideTabBarArea="1"],:hover[sideTabBarArea="2"] { - border-left: 3px solid palette(highlight); -} - -ads--CDockWidgetSideTab:hover[sideTabBarArea="3"],:hover[sideTabBarArea="4"] { - border-right: 3px solid palette(highlight); -} - -ads--CDockWidgetSideTab:hover[sideTabBarArea="5"] { - border-bottom: 3px solid palette(highlight); -} - -ads--CDockWidgetSideTab:hover[sideTabBarArea="0"][activeTab="true"] { - border-top: 3px solid palette(highlight); -} - -ads--CDockWidgetSideTab[sideTabBarArea="0"][activeTab="true"] { - border-top: 3px solid palette(highlight); -} - -ads--CDockWidgetSideTab[sideTabBarArea="1"][activeTab="true"],[sideTabBarArea="2"][activeTab="true"] { - border-left: 3px solid palette(highlight); -} - -ads--CDockWidgetSideTab[sideTabBarArea="3"][activeTab="true"],[sideTabBarArea="4"][focused="true"] { - border-right: 3px solid palette(highlight); -} - -ads--CDockWidgetSideTab[sideTabBarArea="5"][activeTab="true"] { - border-bottom: 3px solid palette(highlight); -} - ads--CDockWidgetTab[activeTab="true"] { background: palette(highlight); border-color: palette(highlight); diff --git a/src/stylesheets/focus_highlighting_linux.css b/src/stylesheets/focus_highlighting_linux.css index 594ce6b..e32c57a 100644 --- a/src/stylesheets/focus_highlighting_linux.css +++ b/src/stylesheets/focus_highlighting_linux.css @@ -44,26 +44,69 @@ ads--CDockWidgetTab[activeTab="true"] QLabel { color: palette(foreground); } +/* Side tab styling */ ads--CDockWidgetSideTab { background: palette(window); qproperty-iconSize: 16px 16px;/* this is optional in case you would like to change icon size*/ } -ads--CDockWidgetSideTab[sideTabBarArea="0"],[sideTabBarArea="1"] { +ads--CDockWidgetSideTab[sideTabBarArea="0"] { + border-top: 3px solid grey; + border-right: 1px solid white; +} + +ads--CDockWidgetSideTab[sideTabBarArea="1"],[sideTabBarArea="2"] { border-left: 3px solid grey; border-bottom: 1px solid white; } -ads--CDockWidgetSideTab[sideTabBarArea="2"],[sideTabBarArea="3"] { +ads--CDockWidgetSideTab[sideTabBarArea="3"],[sideTabBarArea="4"] { border-right: 3px solid grey; border-bottom: 1px solid white; } -ads--CDockWidgetSideTab[sideTabBarArea="4"] { +ads--CDockWidgetSideTab[sideTabBarArea="5"] { border-bottom: 3px solid grey; border-right: 1px solid white; } +ads--CDockWidgetSideTab:hover[sideTabBarArea="0"] { + border-top: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab:hover[sideTabBarArea="1"],:hover[sideTabBarArea="2"] { + border-left: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab:hover[sideTabBarArea="3"],:hover[sideTabBarArea="4"] { + border-right: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab:hover[sideTabBarArea="5"] { + border-bottom: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab:hover[sideTabBarArea="0"][activeTab="true"] { + border-top: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab[sideTabBarArea="0"][activeTab="true"] { + border-top: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab[sideTabBarArea="1"][activeTab="true"],[sideTabBarArea="2"][activeTab="true"] { + border-left: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab[sideTabBarArea="3"][activeTab="true"],[sideTabBarArea="4"][focused="true"] { + border-right: 3px solid palette(highlight); +} + +ads--CDockWidgetSideTab[sideTabBarArea="5"][activeTab="true"] { + border-bottom: 3px solid palette(highlight); +} +/* Side tab styling */ + ads--CDockWidget { background: palette(light); border-color: palette(light); @@ -124,35 +167,6 @@ QScrollArea#dockWidgetScrollArea { /* Focus related styling */ -ads--CDockWidgetSideTab:hover[sideTabBarArea="0"],:hover[sideTabBarArea="1"] { - border-left: 3px solid palette(highlight); -} - -ads--CDockWidgetSideTab:hover[sideTabBarArea="2"],:hover[sideTabBarArea="3"] { - border-right: 3px solid palette(highlight); -} - -ads--CDockWidgetSideTab:hover[sideTabBarArea="4"] { - border-bottom: 3px solid palette(highlight); -} - -ads--CDockWidgetSideTab[sideTabBarArea="0"][focused="true"],[sideTabBarArea="1"][focused="true"] { - border-left: 3px solid palette(highlight); -} - -ads--CDockWidgetSideTab[sideTabBarArea="2"][focused="true"],[sideTabBarArea="3"][focused="true"] { - border-right: 3px solid palette(highlight); -} - -ads--CDockWidgetSideTab[sideTabBarArea="4"][focused="true"] { - border-bottom: 3px solid palette(highlight); -} - -ads--CDockWidgetTab[focused="true"] { - background: palette(highlight); - border-color: palette(highlight); -} - ads--CDockWidgetTab[focused="true"]>#tabCloseButton { qproperty-icon: url(:/ads/images/close-button-focused.svg) }