From a99b8c979187102554b3da55dd6b38446221d716 Mon Sep 17 00:00:00 2001 From: Sam Hewitt Date: Mon, 27 Apr 2015 11:23:06 -0400 Subject: [PATCH] Darkened dark theme. --- Paper/gtk-3.0/gtk-dark.css | 16 +++--- .../gtk-3.0/widgets/composited-indicator.css | 54 +++++++++---------- 2 files changed, 35 insertions(+), 35 deletions(-) diff --git a/Paper/gtk-3.0/gtk-dark.css b/Paper/gtk-3.0/gtk-dark.css index 8e165ab..eb6657a 100644 --- a/Paper/gtk-3.0/gtk-dark.css +++ b/Paper/gtk-3.0/gtk-dark.css @@ -21,20 +21,20 @@ **********/ /* Base colors */ -@define-color base #828B8F;/* Base color */ -@define-color background #636E73;/* Background color */ -@define-color foreground #d3d9dc;/* Foreground color */ +@define-color base #636E73;/* Base color */ +@define-color background #4F585C;/* Background color */ +@define-color foreground #A1A8AB;/* Foreground color */ @define-color border shade(@background, 0.8);/* Borders color */ @define-color separator alpha(#000, 0.1);/* Separator color */ @define-color text @foreground;/* Text color */ -@define-color panel #3B4245;/* Panel color */ -@define-color header #4F585C;/* Header color */ -@define-color backdrop_header #636e73; /* Header backdrop color */ -@define-color header_text alpha(#000, 0.4);/* Header text color */ +@define-color panel shade(@header, 0.8);/* Panel color */ +@define-color header #3B4245;/* Header color */ +@define-color backdrop_header shade(@header, 0.9); /* Header backdrop color */ +@define-color header_text alpha(#fff, 0.8);/* Header text color */ @define-color selection #90a4ae;/* Selection color */ @define-color view_background @base;/* View background */ @define-color inactive_frame @border;/* Inactive frame color */ -@define-color panel_text #d3d9dc;/* Panel text color */ +@define-color panel_text #A1A8AB;/* Panel text color */ @define-color panel_text_shadow alpha(#000, 0.2);/* Panel text color */ @define-color text_shadow alpha(white, 0.4);/* Text shadow */ @define-color icon_shadow @text_shadow;/* Icon shadow */ diff --git a/Paper/gtk-3.0/widgets/composited-indicator.css b/Paper/gtk-3.0/widgets/composited-indicator.css index e54209a..21e58a8 100644 --- a/Paper/gtk-3.0/widgets/composited-indicator.css +++ b/Paper/gtk-3.0/widgets/composited-indicator.css @@ -25,6 +25,11 @@ color: @panel_text; } +.composited-indicator:active { + background-color: alpha(#fff, 0.1); + color: @header; +} + .composited-indicator > GtkWidget > GtkWidget:first-child { padding: 0 2px; } @@ -33,8 +38,8 @@ padding: 0 2px 0 4px; } -.composited-indicator.menuitem:active, -.composited-indicator.menuitem:prelight { +.composited-indicator .menuitem:active, +.composited-indicator .menuitem:prelight { border-style: none; background-image: none; box-shadow: none; @@ -42,58 +47,53 @@ /* Images */ -.composited-indicator.menuitem:focus GtkImage, -.composited-indicator.menuitem GtkImage { +.composited-indicator .menuitem:focus GtkImage, +.composited-indicator .menuitem GtkImage { color: @text; } -.composited-indicator.menuitem:active GtkImage { +.composited-indicator .menuitem:prelight GtkImage, +.composited-indicator .menuitem:active GtkImage, +.composited-indicator .menuitem:hover GtkImage { color: @selection_foreground; } -.composited-indicator.menuitem:hover GtkImage, -.composited-indicator.menuitembutton:hover GtkImage { - color: shade(@text, 2.0); -} - -.composited-indicator.menuitem:backdrop GtkImage, -.composited-indicator.menuitem:backdrop:hover GtkImage, -.composited-indicator.menuitem:active:backdrop GtkImage { +.composited-indicator .menuitem:backdrop GtkImage, +.composited-indicator .menuitem:backdrop:hover GtkImage, +.composited-indicator .menuitem:active:backdrop GtkImage { color: @backdrop_text; } -.composited-indicator.menuitem:insensitive GtkImage { +.composited-indicator .menuitem:insensitive GtkImage { color: @insensitive_text; } -.composited-indicator.menuitem:insensitive:backdrop GtkImage { +.composited-indicator .menuitem:insensitive:backdrop GtkImage { color: mix(@backdrop_text, @insensitive_text, 0.5); } /* Labels */ -.composited-indicator.menuitem:focus GtkLabel, -.composited-indicator.menuitem GtkLabel { +.composited-indicator .menuitem:focus GtkLabel, +.composited-indicator .menuitem GtkLabel { color: @text; } -.composited-indicator.menuitem:active GtkLabel { +.composited-indicator .menuitem:prelight GtkLabel, +.composited-indicator .menuitem:hover GtkLabel, +.composited-indicator .menuitem:active GtkLabel { color: @selection_foreground; } -.composited-indicator.menuitem:hover GtkLabel { - color: shade(@text, 2.0); -} - -.composited-indicator.menuitem:backdrop GtkLabel, -.composited-indicator.menuitem:backdrop:hover GtkLabel, -.composited-indicator.menuitem:active:backdrop GtkLabel { +.composited-indicator .menuitem:backdrop GtkLabel, +.composited-indicator .menuitem:backdrop:hover GtkLabel, +.composited-indicator .menuitem:active:backdrop GtkLabel { color: @backdrop_text; } -.composited-indicator.menuitem:insensitive GtkLabel { +.composited-indicator .menuitem:insensitive GtkLabel { color: @insensitive_text; } -.composited-indicator.menuitem:insensitive:backdrop GtkLabel { +.composited-indicator .menuitem:insensitive:backdrop GtkLabel { color: mix(@backdrop_text, @insensitive_text, 0.5); } \ No newline at end of file