Theme update.

Adjusted combobox menus and regulat menus
Fixed scrollbars background colour.
This commit is contained in:
EMH-Mark-I 2020-04-19 12:04:42 -05:00
parent 9332fae2c0
commit 4da7374264
16 changed files with 126 additions and 90 deletions

View File

@ -96,6 +96,23 @@ wnck-pager {
background-color: @border_shade;
color: white; }
/* Panel entry */
/* NOTE! Entry background colouring is bugged in some versions of XFCE. */
.xfce4-panel entry {
background-color: @base_color;
margin: 2px;
box-shadow: none; }
.xfce4-panel entry selection {
background-color: @selected_bg_color;
color: @text_bright }
/* Plugin buttons */
.xfce4-panel .toggle {
border: none;
box-shadow: none;
margin: 0px;
background-color: transparent; }
/* Tasklist */
.tasklist .toggle {
/* We remove borders and shadows for the '.tasklist' '.toggle' button
@ -133,7 +150,7 @@ wnck-pager {
border-top: 3px solid @border_dark;
border-image: url("../buttons/toggle_pressed.png");
border-image-slice: 3 2 2 2;
background-color: @scrollbar_trough_bg_color; /* This is how windows themes are applied */
background-color: @scrollbar_trough_bg_color; /* This is how windows themes are applied */
background-image: linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @bg_color), linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @bg_dark);
background-size: 2px 2px;
background-position: 0 0, 1px 1px;
@ -151,11 +168,14 @@ wnck-pager {
/* XFCE Power Manager plugin */
#xfce4-power-manager-plugin,
#xfce4-power-manager-plugin:active {
#xfce4-power-manager-plugin:active,
#xfce4-power-manager-plugin:hover,
#xfce4-power-manager-plugin:checked {
margin: 0px;
box-shadow: none;
border: transparent; }
#xfce4-power-manager-plugin * {
-gtk-icon-style: regular;
-gtk-icon-transform: scale(1); }
/* XFCE Notification plugin */
@ -201,6 +221,7 @@ wnck-pager {
border-bottom-color: @border_dark; }
/* XFCE terminal */
#xfce4-terminal-notebook overlay > box,
#xfce4-terminal-notebook stack > box {
border: 2px solid @border_dark;
border-image: url("../assets/frame_inset.png");
@ -218,3 +239,12 @@ wnck-pager {
padding: 0px;
margin-top: -1px;
margin-bottom: -2px; }
/* XFCE Session logout dialogue */
/* Doesn't look like this works, so moving it to the override... */
.xfsm-logout-dialog {
border-left: 1px solid @border_bright;
border-top: 1px solid @border_bright;
border-bottom: 1px solid @border_dark;
border-right: 1px solid @border_dark;
box-shadow: inset -1px -1px @border_shade, inset 1px 1px @border_light; }

View File

@ -32,8 +32,7 @@ slider {
border-radius: 0px; }
/* Makes a checkerboard */
slider:disabled,
trough,
paned > separator {
trough {
background-color: @scrollbar_trough_bg_color;
background-image: linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @bg_color), linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @bg_dark);
background-size: 2px 2px;

View File

@ -47,23 +47,29 @@ combobox entry {
/* Combobox window and menu decorations */
combobox window decoration {
padding: 1px;
border: 1px solid @border_dark;
background-color: @bg_bright;
box-shadow: none; }
combobox window menu {
background-color: @bg_bright;
border-color: @bg_bright; }
padding: 0px; /* Padding is not required here. */
border: 1px solid @border_dark; } /* Need to make the border 1px and a solid colour. */
combobox window .context-menu,
combobox window menu { /* The combobox window menu is included for sub-menus that branch off of the .context-menu. */
background-color: @bg_bright; /* Background colour needs to be applied. */
border: none; } /* Borders are not necessary here. */
combobox window .context-menu menuitem {
padding: 1px; } /* Menuitems need only be 1px. */
combobox window .context-menu separator {
margin-left: 1px; /* A margin is required so that the separator isn't touching the menu border. */
margin-right: 1px; } /* A margin is required so that the separator isn't touching the menu border. */
#gtk-combobox-popup-menu,
#gtk-combobox-popup-menu window {
border: none;
box-shadow: none;
background-color: @bg_bright; }
border: none; /* Borders are not necessary here. */
box-shadow: none; /* Box shadows are not necessary here. */
background-color: @bg_bright; } /* Background colour needs to be applied. */
#gtk-combobox-popup-menu arrow {
-gtk-icon-source: none; }
#gtk-combobox-popup-menu menuitem {
padding: 0px; }
padding: 0px; /* Remove any inherited padding. */
padding-left: 2px; /* Need padding on the left to keep menuitem images from touching the border. */
padding-right: 2px; /* Need padding on the right to keep menuitem images from touching the border. */
min-height: 16px; }
/* Combobox arrows */
combobox arrow {

View File

@ -9,29 +9,31 @@
Make sure that all changes made here are part of the GtkHeaderbar.
*/
/* This applies to GTK Client Side Decorations (CSD) */
headerbar,
.titlebar {
padding: 0px;
padding-left: 2px;
padding-right: 2px;
background-color: @selected_bg_color;
background-color: @window_title_bg_color;
background-image: none;
text-shadow: none; }
headerbar:backdrop,
.titlebar:backdrop {
background-image: none;
background-color: @selected_inactive_bg_color; }
background-color: @inactive_title_bg_color; }
headerbar .title,
headerbar .subtitle,
headerbar > checkbutton label,
.titlebar > checkbutton label {
font-size: 8pt;
color: @selected_fg_color; }
color: @window_title_text_color; }
headerbar .title:backdrop,
headerbar .subtitle:backdrop,
headerbar:backdrop > checkbutton label,
.titlebar:backdrop > checkbutton label {
color: @selected_inactive_fg_color; }
color: @inactive_title_bg_color; }
headerbar entry {
margin: 3px;
padding-top: 1px;

View File

@ -26,36 +26,34 @@ window > menu {
/* NOTE: Menu border styling is moved to client side decorations. See gtk-window.css for menu border styling. */
menu {
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
background-color: @menu_bg_color;
border: 1px solid transparent;
background-color: @menu_bg_color; /* NOTE: While a background colour is required here, there will be a 2px internal padding applied to window decorations which will also have a background colour too. */
color: @menu_text_color; }
/* menuitem */
menu menuitem {
padding-left: 2px;
padding-right: 2px;
padding-top: 1px;
padding-bottom: 1px;
background-color: transparent; }
menu menuitem check,
menu menuitem radio {
padding-right: 4px; }
menuitem:active,
menuitem:hover {
background-color: @theme_selected_bg_color;
color: @selected_fg_color; }
/* menubar */
menubar,
.menubar {
-GtkWidget-window-dragging: false; }
-GtkWidget-window-dragging: false;
background-color: @menu_bg_color;
color: @menu_text_color; }
menubar menuitem {
padding: 0px 6px;
min-height:17px; }
/* menuitem */
menu menuitem {
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
background-color: @menu_bg_color; }
menu menuitem check,
menu menuitem radio {
padding-right: 4px; }
menuitem:active,
menuitem:hover {
background-color: @theme_selected_bg_color;
color: @selected_fg_color; }
menu separator {
padding: 3px;
border: none;

View File

@ -18,7 +18,7 @@ scrollbar {
scrollbar slider {
margin-top: 0px;
padding: 0px;
background-color: @scrollbar_trough_bg_color;
background-color: @scrollbar_bg_color;
border: 2px solid @border_dark;
box-shadow: none;
border-image: url("scrollbar/scrollbar_button.png");

View File

@ -448,10 +448,9 @@ grid viewport box box textview {
.dialog-vbox flowbox flowboxchild:focus {
outline-color: @selected_fg_color; }
.dialog-vbox > grid {
border: 1px solid red;
/*.dialog-vbox > grid {
border: 2px solid @border_dark;
border-image: url("assets/frame_inset.png");
border-image-slice: 2 2 2 2;
border-radius: 0px;
box-shadow: none; }
box-shadow: none; }*/

View File

@ -13,7 +13,7 @@
* The border image contains a 8px surrounding transparency with an additional non-transparent 2px for the border. This gives the illusion of a 2px border image instead of the full 10px. */
window decoration,
dialog > decoration {
padding: 2px;
padding: 2px; /* Padding is required so that there is some space between the window decoration border and any internal components. */
border: 10px solid @border_dark;
background-color: @bg_color;
border-image: url("assets/window_decoration.png");

View File

@ -7,7 +7,7 @@
/* Comment about Pop-overs: I couldn't get over how much they looked like Clippy in MS Office 97 so thats why the buttons are different */
/* Do not remove
/* Do not remove */
/* default color scheme */
@define-color bg_color #c0c0c0; /* Window Theme: buttonface */
@ -52,7 +52,6 @@
@define-color inactive_title_bg_color #808080; /* Windows Theme: inactivetitle */
@define-color inactive_title_text_color #c0c0c0; /* Windows Theme: inactivetitletext */
/* dark color scheme */
@define-color dark_bg_color @bg_color;
@define-color dark_fg_color @fg_color;

View File

@ -222,7 +222,7 @@ wnck-pager {
/* XFCE terminal */
#xfce4-terminal-notebook overlay > box,
#xfce4-terminal-notebook stack > box { {
#xfce4-terminal-notebook stack > box {
border: 2px solid @border_dark;
border-image: url("../assets/frame_inset.png");
border-image-slice: 2 2 2 2;

View File

@ -32,8 +32,7 @@ slider {
border-radius: 0px; }
/* Makes a checkerboard */
slider:disabled,
trough,
paned > separator {
trough {
background-color: @scrollbar_trough_bg_color;
background-image: linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @bg_color), linear-gradient(45deg, @bg_color 25%, transparent 25%, transparent 75%, @bg_color 75%, @bg_dark);
background-size: 2px 2px;

View File

@ -47,23 +47,29 @@ combobox entry {
/* Combobox window and menu decorations */
combobox window decoration {
padding: 1px;
border: 1px solid @border_dark;
background-color: @bg_bright;
box-shadow: none; }
combobox window menu {
background-color: @bg_bright;
border-color: @bg_bright; }
padding: 0px; /* Padding is not required here. */
border: 1px solid @border_dark; } /* Need to make the border 1px and a solid colour. */
combobox window .context-menu,
combobox window menu { /* The combobox window menu is included for sub-menus that branch off of the .context-menu. */
background-color: @bg_bright; /* Background colour needs to be applied. */
border: none; } /* Borders are not necessary here. */
combobox window .context-menu menuitem {
padding: 1px; } /* Menuitems need only be 1px. */
combobox window .context-menu separator {
margin-left: 1px; /* A margin is required so that the separator isn't touching the menu border. */
margin-right: 1px; } /* A margin is required so that the separator isn't touching the menu border. */
#gtk-combobox-popup-menu,
#gtk-combobox-popup-menu window {
border: none;
box-shadow: none;
background-color: @bg_bright; }
border: none; /* Borders are not necessary here. */
box-shadow: none; /* Box shadows are not necessary here. */
background-color: @bg_bright; } /* Background colour needs to be applied. */
#gtk-combobox-popup-menu arrow {
-gtk-icon-source: none; }
#gtk-combobox-popup-menu menuitem {
padding: 0px; }
padding: 0px; /* Remove any inherited padding. */
padding-left: 2px; /* Need padding on the left to keep menuitem images from touching the border. */
padding-right: 2px; /* Need padding on the right to keep menuitem images from touching the border. */
min-height: 16px; }
/* Combobox arrows */
combobox arrow {

View File

@ -26,37 +26,33 @@ window > menu {
/* NOTE: Menu border styling is moved to client side decorations. See gtk-window.css for menu border styling. */
menu {
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
background-color: @menu_bg_color;
border: 1px solid transparent;
background-color: @menu_bg_color; /* NOTE: While a background colour is required here, there will be a 2px internal padding applied to window decorations which will also have a background colour too. */
color: @menu_text_color; }
/* menuitem */
menu menuitem {
padding-left: 2px;
padding-right: 2px;
padding-top: 1px;
padding-bottom: 1px;
background-color: transparent; }
menu menuitem check,
menu menuitem radio {
padding-right: 4px; }
menuitem:active,
menuitem:hover {
background-color: @theme_selected_bg_color;
color: @selected_fg_color; }
/* menubar */
menubar,
.menubar {
-GtkWidget-window-dragging: false;
background-color: @menu_bg_color;
color: @menu_text_color; }
background-color: @menu_bg_color;
color: @menu_text_color; }
menubar menuitem {
padding: 0px 6px;
min-height:17px;}
/* menuitem */
menu menuitem {
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
background-color: @menu_bg_color; }
menu menuitem check,
menu menuitem radio {
padding-right: 4px; }
menuitem:active,
menuitem:hover {
background-color: @theme_selected_bg_color;
color: @selected_fg_color; }
min-height:17px; }
menu separator {
padding: 3px;

View File

@ -36,7 +36,7 @@ scrollbar {
margin: 0px;
padding: 0px;
border: none;
background-color: @scrollbar_bg_color;
background-color: @scrollbar_trough_bg_color;
box-shadow: none; }
scrollbar button:disabled {
background-image: url("scrollbar/scrollbar_button_disabled.png"); }
@ -45,7 +45,7 @@ scrollbar {
min-width: 16px;
min-height: 16px;
border: 1px solid @border_shade;
background-color: @scrollbar_bg_color;
background-color: @scrollbar_trough_bg_color;
background-image: none;
box-shadow: none; }
/* Every other scrollbar that isn't Libreoffice */
@ -55,7 +55,7 @@ scrollbar {
scrollbar button.right {
margin: 0px;
padding: 0px;
background-color: @scrollbar_bg_color;
background-color: @scrollbar_trough_bg_color;
-gtk-icon-source: none;
background-position: center;
background-repeat: no-repeat;

View File

@ -13,7 +13,7 @@
* The border image contains a 8px surrounding transparency with an additional non-transparent 2px for the border. This gives the illusion of a 2px border image instead of the full 10px. */
window decoration,
dialog > decoration {
padding: 2px;
padding: 2px; /* Padding is required so that there is some space between the window decoration border and any internal components. */
border: 10px solid @border_dark;
background-color: @bg_color;
border-image: url("assets/window_decoration.png");

View File

@ -7,6 +7,8 @@
/* Comment about Pop-overs: I couldn't get over how much they looked like Clippy in MS Office 97 so thats why the buttons are different */
/* Do not remove */
/* default color scheme */
@define-color bg_color #c0c0c0; /* Window Theme: buttonface */
@define-color fg_color #000000; /* Windows Theme: windowtext */