From 2249a4b24dbfbe325c7f6b64a49cee3e8bf02395 Mon Sep 17 00:00:00 2001 From: aidan Date: Thu, 4 Jul 2019 11:47:11 -0500 Subject: [PATCH] Patch update This includes a few modifications to the XFCE panelbar to adjust symbolic icon colour states when interacted in any way. This is in response to PR #73 since it did not address switching the colour state from a dark icon to a bright icon when interacted, which would make it difficult to see. --- Theme/Chicago95/gtk-3.0/apps/xfce.css | 5 +++-- Theme/Chicago95/gtk-3.0/gtk.css | 1 + Theme/Chicago95/gtk-3.24/apps/xfce.css | 22 ++++++++++++++++++---- Theme/Chicago95/gtk-3.24/gtk.css | 2 ++ 4 files changed, 24 insertions(+), 6 deletions(-) diff --git a/Theme/Chicago95/gtk-3.0/apps/xfce.css b/Theme/Chicago95/gtk-3.0/apps/xfce.css index 61deba4..bb17515 100644 --- a/Theme/Chicago95/gtk-3.0/apps/xfce.css +++ b/Theme/Chicago95/gtk-3.0/apps/xfce.css @@ -31,7 +31,7 @@ XfceHeading { margin: 2px; border-radius: 0; border: 1px solid transparent; - color: @panel_fg_color; + color: @panel_fg_color_bright; background-color: @selected_bg_color; box-shadow: 0 0 0; } @@ -45,7 +45,8 @@ XfceHeading { border-left: 1px solid #000000; border-right: 1px solid #FFF; box-shadow: inset 1px 1px #808080; - background-color: #c0c0c0; + color: @panel_fg_color_bright; + background-color: @selected_bg_color; } .xfce4-panel menu { diff --git a/Theme/Chicago95/gtk-3.0/gtk.css b/Theme/Chicago95/gtk-3.0/gtk.css index b852453..2890566 100644 --- a/Theme/Chicago95/gtk-3.0/gtk.css +++ b/Theme/Chicago95/gtk-3.0/gtk.css @@ -12,6 +12,7 @@ @define-color bg_color #c0c0c0; @define-color fg_color #000000; @define-color panel_fg_color #000000; +@define-color panel_fg_color_bright #ffffff; @define-color base_color #ffffff; @define-color text_color #000000; @define-color selected_bg_color #000080; diff --git a/Theme/Chicago95/gtk-3.24/apps/xfce.css b/Theme/Chicago95/gtk-3.24/apps/xfce.css index 8253ff6..c78b433 100644 --- a/Theme/Chicago95/gtk-3.24/apps/xfce.css +++ b/Theme/Chicago95/gtk-3.24/apps/xfce.css @@ -15,8 +15,10 @@ XfdesktopIconView.view { border-radius: 0px; } /* Panel buttons */ -.xfce4-panel > widget > frame, -.xfce4-panel .flat:not(.toggle), +/* Note: The ".xfce4-panel > widget > frame" and ".xfce4-panel .flat:not(.toggle)" CSS classes are specified in this manner due to the volatility in the naming of CSS IDs presented by the XFCE panelbar.*/ +.xfce4-panel > widget > frame, /* affects the frame of the notification area plugin for GTK2 notifications. */ +.xfce4-panel .flat:not(.toggle), /* affects the launcher buttons as well and the status notifier plugin. */ +#sn-button, /* Specifying this class is redundant due to ".xfce4-panel .flat:not(.toggle)" but included for consistency. */ #xfce4-notification-plugin, #pulseaudio-button, #xfce4-power-manager-plugin { @@ -24,14 +26,26 @@ XfdesktopIconView.view { border: transparent; /*box-shadow: inset 0px 1px white;*/ box-shadow: none; + color: @panel_fg_color; background-color: transparent; } .xfce4-panel .flat:not(.toggle):hover, + .xfce4-panel .flat:not(.toggle):active, + .xfce4-panel .flat:not(.toggle):checked, + #sn-button:hover, + #sn-button:active, + #sn-button:checked, #xfce4-notification-plugin:hover, + #xfce4-notification-plugin:active, + #xfce4-notification-plugin:checked, #pulseaudio-button:hover, - #xfce4-power-manager-plugin:hover { - color: @selected_fg_color; + #pulseaudio-button:active, + #pulseaudio-button:checked, + #xfce4-power-manager-plugin:hover, + #xfce4-power-manager-plugin:active, + #xfce4-power-manager-plugin:checked { border: transparent; box-shadow: none; + color: @panel_fg_color_bright; background-color: @selected_bg_color; } #clock-button { diff --git a/Theme/Chicago95/gtk-3.24/gtk.css b/Theme/Chicago95/gtk-3.24/gtk.css index 02994a3..6142a49 100644 --- a/Theme/Chicago95/gtk-3.24/gtk.css +++ b/Theme/Chicago95/gtk-3.24/gtk.css @@ -10,6 +10,8 @@ /* default color scheme */ @define-color bg_color #c0c0c0; @define-color fg_color #000000; +@define-color panel_fg_color #000000; +@define-color panel_fg_color_bright #ffffff; @define-color base_color #ffffff; @define-color text_color #000000; @define-color selected_bg_color #000080;