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; background-color: @border_shade;
color: white; } 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 */
.tasklist .toggle { .tasklist .toggle {
/* We remove borders and shadows for the '.tasklist' '.toggle' button /* We remove borders and shadows for the '.tasklist' '.toggle' button
@ -133,7 +150,7 @@ wnck-pager {
border-top: 3px solid @border_dark; border-top: 3px solid @border_dark;
border-image: url("../buttons/toggle_pressed.png"); border-image: url("../buttons/toggle_pressed.png");
border-image-slice: 3 2 2 2; 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-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-size: 2px 2px;
background-position: 0 0, 1px 1px; background-position: 0 0, 1px 1px;
@ -151,11 +168,14 @@ wnck-pager {
/* XFCE Power Manager plugin */ /* XFCE Power Manager plugin */
#xfce4-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; margin: 0px;
box-shadow: none; box-shadow: none;
border: transparent; } border: transparent; }
#xfce4-power-manager-plugin * { #xfce4-power-manager-plugin * {
-gtk-icon-style: regular;
-gtk-icon-transform: scale(1); } -gtk-icon-transform: scale(1); }
/* XFCE Notification plugin */ /* XFCE Notification plugin */
@ -201,6 +221,7 @@ wnck-pager {
border-bottom-color: @border_dark; } border-bottom-color: @border_dark; }
/* XFCE terminal */ /* XFCE terminal */
#xfce4-terminal-notebook overlay > box,
#xfce4-terminal-notebook stack > box { #xfce4-terminal-notebook stack > box {
border: 2px solid @border_dark; border: 2px solid @border_dark;
border-image: url("../assets/frame_inset.png"); border-image: url("../assets/frame_inset.png");
@ -218,3 +239,12 @@ wnck-pager {
padding: 0px; padding: 0px;
margin-top: -1px; margin-top: -1px;
margin-bottom: -2px; } 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; } border-radius: 0px; }
/* Makes a checkerboard */ /* Makes a checkerboard */
slider:disabled, slider:disabled,
trough, trough {
paned > separator {
background-color: @scrollbar_trough_bg_color; 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-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-size: 2px 2px;

View File

@ -47,23 +47,29 @@ combobox entry {
/* Combobox window and menu decorations */ /* Combobox window and menu decorations */
combobox window decoration { combobox window decoration {
padding: 1px; padding: 0px; /* Padding is not required here. */
border: 1px solid @border_dark; border: 1px solid @border_dark; } /* Need to make the border 1px and a solid colour. */
background-color: @bg_bright; combobox window .context-menu,
box-shadow: none; } combobox window menu { /* The combobox window menu is included for sub-menus that branch off of the .context-menu. */
combobox window menu { background-color: @bg_bright; /* Background colour needs to be applied. */
background-color: @bg_bright; border: none; } /* Borders are not necessary here. */
border-color: @bg_bright; } 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,
#gtk-combobox-popup-menu window { #gtk-combobox-popup-menu window {
border: none; border: none; /* Borders are not necessary here. */
box-shadow: none; box-shadow: none; /* Box shadows are not necessary here. */
background-color: @bg_bright; } background-color: @bg_bright; } /* Background colour needs to be applied. */
#gtk-combobox-popup-menu arrow { #gtk-combobox-popup-menu arrow {
-gtk-icon-source: none; } -gtk-icon-source: none; }
#gtk-combobox-popup-menu menuitem { #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 arrows */
combobox arrow { combobox arrow {

View File

@ -9,29 +9,31 @@
Make sure that all changes made here are part of the GtkHeaderbar. Make sure that all changes made here are part of the GtkHeaderbar.
*/ */
/* This applies to GTK Client Side Decorations (CSD) */
headerbar, headerbar,
.titlebar { .titlebar {
padding: 0px; padding: 0px;
padding-left: 2px; padding-left: 2px;
padding-right: 2px; padding-right: 2px;
background-color: @selected_bg_color; background-color: @window_title_bg_color;
background-image: none; background-image: none;
text-shadow: none; } text-shadow: none; }
headerbar:backdrop, headerbar:backdrop,
.titlebar:backdrop { .titlebar:backdrop {
background-image: none; background-image: none;
background-color: @selected_inactive_bg_color; } background-color: @inactive_title_bg_color; }
headerbar .title, headerbar .title,
headerbar .subtitle, headerbar .subtitle,
headerbar > checkbutton label, headerbar > checkbutton label,
.titlebar > checkbutton label { .titlebar > checkbutton label {
font-size: 8pt; font-size: 8pt;
color: @selected_fg_color; } color: @window_title_text_color; }
headerbar .title:backdrop, headerbar .title:backdrop,
headerbar .subtitle:backdrop, headerbar .subtitle:backdrop,
headerbar:backdrop > checkbutton label, headerbar:backdrop > checkbutton label,
.titlebar:backdrop > checkbutton label { .titlebar:backdrop > checkbutton label {
color: @selected_inactive_fg_color; } color: @inactive_title_bg_color; }
headerbar entry { headerbar entry {
margin: 3px; margin: 3px;
padding-top: 1px; 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. */ /* NOTE: Menu border styling is moved to client side decorations. See gtk-window.css for menu border styling. */
menu { menu {
border-left: 3px solid transparent; border: 1px solid transparent;
border-right: 3px 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. */
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
background-color: @menu_bg_color;
color: @menu_text_color; } 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, menubar,
.menubar { .menubar {
-GtkWidget-window-dragging: false; } -GtkWidget-window-dragging: false;
background-color: @menu_bg_color;
color: @menu_text_color; }
menubar menuitem { menubar menuitem {
padding: 0px 6px; padding: 0px 6px;
min-height:17px; } 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 { menu separator {
padding: 3px; padding: 3px;
border: none; border: none;

View File

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

View File

@ -448,10 +448,9 @@ grid viewport box box textview {
.dialog-vbox flowbox flowboxchild:focus { .dialog-vbox flowbox flowboxchild:focus {
outline-color: @selected_fg_color; } outline-color: @selected_fg_color; }
.dialog-vbox > grid { /*.dialog-vbox > grid {
border: 1px solid red;
border: 2px solid @border_dark; border: 2px solid @border_dark;
border-image: url("assets/frame_inset.png"); border-image: url("assets/frame_inset.png");
border-image-slice: 2 2 2 2; border-image-slice: 2 2 2 2;
border-radius: 0px; 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. */ * 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, window decoration,
dialog > 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; border: 10px solid @border_dark;
background-color: @bg_color; background-color: @bg_color;
border-image: url("assets/window_decoration.png"); 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 */ /* 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 */ /* default color scheme */
@define-color bg_color #c0c0c0; /* Window Theme: buttonface */ @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_bg_color #808080; /* Windows Theme: inactivetitle */
@define-color inactive_title_text_color #c0c0c0; /* Windows Theme: inactivetitletext */ @define-color inactive_title_text_color #c0c0c0; /* Windows Theme: inactivetitletext */
/* dark color scheme */ /* dark color scheme */
@define-color dark_bg_color @bg_color; @define-color dark_bg_color @bg_color;
@define-color dark_fg_color @fg_color; @define-color dark_fg_color @fg_color;

View File

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

View File

@ -32,8 +32,7 @@ slider {
border-radius: 0px; } border-radius: 0px; }
/* Makes a checkerboard */ /* Makes a checkerboard */
slider:disabled, slider:disabled,
trough, trough {
paned > separator {
background-color: @scrollbar_trough_bg_color; 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-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-size: 2px 2px;

View File

@ -47,23 +47,29 @@ combobox entry {
/* Combobox window and menu decorations */ /* Combobox window and menu decorations */
combobox window decoration { combobox window decoration {
padding: 1px; padding: 0px; /* Padding is not required here. */
border: 1px solid @border_dark; border: 1px solid @border_dark; } /* Need to make the border 1px and a solid colour. */
background-color: @bg_bright; combobox window .context-menu,
box-shadow: none; } combobox window menu { /* The combobox window menu is included for sub-menus that branch off of the .context-menu. */
combobox window menu { background-color: @bg_bright; /* Background colour needs to be applied. */
background-color: @bg_bright; border: none; } /* Borders are not necessary here. */
border-color: @bg_bright; } 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,
#gtk-combobox-popup-menu window { #gtk-combobox-popup-menu window {
border: none; border: none; /* Borders are not necessary here. */
box-shadow: none; box-shadow: none; /* Box shadows are not necessary here. */
background-color: @bg_bright; } background-color: @bg_bright; } /* Background colour needs to be applied. */
#gtk-combobox-popup-menu arrow { #gtk-combobox-popup-menu arrow {
-gtk-icon-source: none; } -gtk-icon-source: none; }
#gtk-combobox-popup-menu menuitem { #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 arrows */
combobox arrow { 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. */ /* NOTE: Menu border styling is moved to client side decorations. See gtk-window.css for menu border styling. */
menu { menu {
border-left: 3px solid transparent; border: 1px solid transparent;
border-right: 3px 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. */
border-top: 2px solid transparent;
border-bottom: 2px solid transparent;
background-color: @menu_bg_color;
color: @menu_text_color; } 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, menubar,
.menubar { .menubar {
-GtkWidget-window-dragging: false; -GtkWidget-window-dragging: false;
background-color: @menu_bg_color; background-color: @menu_bg_color;
color: @menu_text_color; } color: @menu_text_color; }
menubar menuitem { menubar menuitem {
padding: 0px 6px; padding: 0px 6px;
min-height:17px;} 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 { menu separator {
padding: 3px; padding: 3px;

View File

@ -36,7 +36,7 @@ scrollbar {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
border: none; border: none;
background-color: @scrollbar_bg_color; background-color: @scrollbar_trough_bg_color;
box-shadow: none; } box-shadow: none; }
scrollbar button:disabled { scrollbar button:disabled {
background-image: url("scrollbar/scrollbar_button_disabled.png"); } background-image: url("scrollbar/scrollbar_button_disabled.png"); }
@ -45,7 +45,7 @@ scrollbar {
min-width: 16px; min-width: 16px;
min-height: 16px; min-height: 16px;
border: 1px solid @border_shade; border: 1px solid @border_shade;
background-color: @scrollbar_bg_color; background-color: @scrollbar_trough_bg_color;
background-image: none; background-image: none;
box-shadow: none; } box-shadow: none; }
/* Every other scrollbar that isn't Libreoffice */ /* Every other scrollbar that isn't Libreoffice */
@ -55,7 +55,7 @@ scrollbar {
scrollbar button.right { scrollbar button.right {
margin: 0px; margin: 0px;
padding: 0px; padding: 0px;
background-color: @scrollbar_bg_color; background-color: @scrollbar_trough_bg_color;
-gtk-icon-source: none; -gtk-icon-source: none;
background-position: center; background-position: center;
background-repeat: no-repeat; 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. */ * 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, window decoration,
dialog > 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; border: 10px solid @border_dark;
background-color: @bg_color; background-color: @bg_color;
border-image: url("assets/window_decoration.png"); 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 */ /* 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 */ /* default color scheme */
@define-color bg_color #c0c0c0; /* Window Theme: buttonface */ @define-color bg_color #c0c0c0; /* Window Theme: buttonface */
@define-color fg_color #000000; /* Windows Theme: windowtext */ @define-color fg_color #000000; /* Windows Theme: windowtext */