From 491a59420661f467d7a06fffb3b3884592cb543d Mon Sep 17 00:00:00 2001 From: Sam Hewitt Date: Sat, 16 Apr 2016 11:01:16 -0400 Subject: [PATCH] some refinements --- Paper/gtk-3.0/apps/_pantheon.scss | 5 +- Paper/gtk-3.0/gtk-dark.css | 192 ++++++++++++++++-------- Paper/gtk-3.0/gtk.css | 192 ++++++++++++++++-------- Paper/gtk-3.0/widgets/_header-bars.scss | 94 ++++++++---- Paper/gtk-3.0/widgets/_misc.scss | 1 + Paper/gtk-3.0/widgets/_switches.scss | 2 +- Paper/gtk-3.0/widgets/_tooltips.scss | 46 ++---- 7 files changed, 340 insertions(+), 192 deletions(-) diff --git a/Paper/gtk-3.0/apps/_pantheon.scss b/Paper/gtk-3.0/apps/_pantheon.scss index 8faa83d..fda1ea9 100644 --- a/Paper/gtk-3.0/apps/_pantheon.scss +++ b/Paper/gtk-3.0/apps/_pantheon.scss @@ -55,9 +55,8 @@ ***************/ .category-label { - font-weight: bold; - font-size: 1.04em; - color: $fg_color; + font-weight: bold; + color: $fg_color; } diff --git a/Paper/gtk-3.0/gtk-dark.css b/Paper/gtk-3.0/gtk-dark.css index 469e18d..d629c21 100644 --- a/Paper/gtk-3.0/gtk-dark.css +++ b/Paper/gtk-3.0/gtk-dark.css @@ -3829,6 +3829,7 @@ headerbar { headerbar button.flat:backdrop { background-color: transparent; background-image: none; + text-shadow: none; color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) .button.linked, .titlebar:not(headerbar) button.linked, @@ -3838,46 +3839,6 @@ headerbar { headerbar button.linked { border-radius: 0px; margin: 0; } - .titlebar:not(headerbar) .button.titlebutton, - .titlebar:not(headerbar) button.titlebutton, - .header-bar .button.titlebutton, - .header-bar button.titlebutton, - headerbar .button.titlebutton, - headerbar button.titlebutton { - min-height: 16px; - min-width: 16px; - padding: 1px; - border-radius: 50%; - background-color: transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .titlebar:not(headerbar) .button.titlebutton:hover, - .titlebar:not(headerbar) button.titlebutton:hover, - .header-bar .button.titlebutton:hover, - .header-bar button.titlebutton:hover, - headerbar .button.titlebutton:hover, - headerbar button.titlebutton:hover { - background-color: transparent; - color: rgba(255, 255, 255, 0.8); } - .titlebar:not(headerbar) .button.titlebutton:backdrop, - .titlebar:not(headerbar) button.titlebutton:backdrop, - .header-bar .button.titlebutton:backdrop, - .header-bar button.titlebutton:backdrop, - headerbar .button.titlebutton:backdrop, - headerbar button.titlebutton:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.3); } - .titlebar:not(headerbar) .button.titlebutton:active, - .titlebar:not(headerbar) button.titlebutton:active, - .header-bar .button.titlebutton:active, - .header-bar button.titlebutton:active, - headerbar .button.titlebutton:active, - headerbar button.titlebutton:active { - background-color: rgba(255, 255, 255, 0.8); - color: #3B4245; - border-radius: 50%; - box-shadow: none; } .titlebar:not(headerbar) .button:hover, .titlebar:not(headerbar) button:hover, .header-bar .button:hover, @@ -3886,7 +3847,18 @@ headerbar { headerbar button:hover { background-image: none; background-color: rgba(0, 0, 0, 0.15); - box-shadow: none; } + color: rgba(255, 255, 255, 0.8); + box-shadow: none; + text-shadow: none; } + .titlebar:not(headerbar) .button:backdrop, + .titlebar:not(headerbar) button:backdrop, + .header-bar .button:backdrop, + .header-bar button:backdrop, + headerbar .button:backdrop, + headerbar button:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.3); } .titlebar:not(headerbar) .button:active, .titlebar:not(headerbar) .button:checked, .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, @@ -3972,6 +3944,102 @@ headerbar { headerbar button:insensitive:backdrop image, headerbar button:insensitive:backdrop GtkImage { -gtk-image-effect: dim; } + .titlebar:not(headerbar) .button.titlebutton, + .titlebar:not(headerbar) button.titlebutton, + .header-bar .button.titlebutton, + .header-bar button.titlebutton, + headerbar .button.titlebutton, + headerbar button.titlebutton { + min-height: 16px; + min-width: 16px; + padding: 1px; + border-radius: 50%; + background-color: transparent; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .titlebar:not(headerbar) .button.titlebutton:hover, + .titlebar:not(headerbar) button.titlebutton:hover, + .header-bar .button.titlebutton:hover, + .header-bar button.titlebutton:hover, + headerbar .button.titlebutton:hover, + headerbar button.titlebutton:hover { + background-color: transparent; + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) .button.titlebutton:backdrop, + .titlebar:not(headerbar) button.titlebutton:backdrop, + .header-bar .button.titlebutton:backdrop, + .header-bar button.titlebutton:backdrop, + headerbar .button.titlebutton:backdrop, + headerbar button.titlebutton:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) .button.titlebutton:active, + .titlebar:not(headerbar) button.titlebutton:active, + .header-bar .button.titlebutton:active, + .header-bar button.titlebutton:active, + headerbar .button.titlebutton:active, + headerbar button.titlebutton:active { + background-color: rgba(255, 255, 255, 0.8); + color: #3B4245; + border-radius: 50%; + box-shadow: none; } + .titlebar:not(headerbar) .button.menu-button, .titlebar:not(headerbar) .button.title-menu-button, + .titlebar:not(headerbar) button.menu-button, + .titlebar:not(headerbar) button.title-menu-button, + .header-bar .button.menu-button, + .header-bar .button.title-menu-button, + .header-bar button.menu-button, + .header-bar button.title-menu-button, + headerbar .button.menu-button, + headerbar .button.title-menu-button, + headerbar button.menu-button, + headerbar button.title-menu-button { + padding: 1px; + background-color: transparent; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .titlebar:not(headerbar) .button.menu-button:hover, .titlebar:not(headerbar) .button.title-menu-button:hover, + .titlebar:not(headerbar) button.menu-button:hover, + .titlebar:not(headerbar) button.title-menu-button:hover, + .header-bar .button.menu-button:hover, + .header-bar .button.title-menu-button:hover, + .header-bar button.menu-button:hover, + .header-bar button.title-menu-button:hover, + headerbar .button.menu-button:hover, + headerbar .button.title-menu-button:hover, + headerbar button.menu-button:hover, + headerbar button.title-menu-button:hover { + background-color: rgba(0, 0, 0, 0.1); + color: rgba(255, 255, 255, 0.8); } + .titlebar:not(headerbar) .button.menu-button:backdrop, .titlebar:not(headerbar) .button.title-menu-button:backdrop, + .titlebar:not(headerbar) button.menu-button:backdrop, + .titlebar:not(headerbar) button.title-menu-button:backdrop, + .header-bar .button.menu-button:backdrop, + .header-bar .button.title-menu-button:backdrop, + .header-bar button.menu-button:backdrop, + .header-bar button.title-menu-button:backdrop, + headerbar .button.menu-button:backdrop, + headerbar .button.title-menu-button:backdrop, + headerbar button.menu-button:backdrop, + headerbar button.title-menu-button:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.3); } + .titlebar:not(headerbar) .button.menu-button:active, .titlebar:not(headerbar) .button.title-menu-button:active, + .titlebar:not(headerbar) button.menu-button:active, + .titlebar:not(headerbar) button.title-menu-button:active, + .header-bar .button.menu-button:active, + .header-bar .button.title-menu-button:active, + .header-bar button.menu-button:active, + .header-bar button.title-menu-button:active, + headerbar .button.menu-button:active, + headerbar .button.title-menu-button:active, + headerbar button.menu-button:active, + headerbar button.title-menu-button:active { + background-color: #23282a; + color: rgba(255, 255, 255, 0.8); + box-shadow: none; } .titlebar:not(headerbar) .separator, .header-bar .separator, headerbar .separator { @@ -5183,6 +5251,7 @@ separator, .h4, .category-label { + font-size: 12px; padding: 6px; color: mix #4F585C, #A1A8AB, 50%; font-weight: bold; @@ -7804,7 +7873,7 @@ spinbutton.vertical:drop(active) { .spinbutton.vertical entry, spinbutton.vertical .entry, spinbutton.vertical entry { - min-height: 32px; + min-height: 24px; min-width: 32px; padding: 0; border-radius: 0; } @@ -7968,7 +8037,7 @@ switch { color: transparent; padding: 2px; background-color: rgba(0, 0, 0, 0.1); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.1); } + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.1); } GtkSwitch:insensitive, GtkSwitch:disabled, switch:insensitive, switch:disabled { @@ -8405,35 +8474,30 @@ searchbar /************ * Tooltips * ************/ -tooltip { - padding: 4px; - /* not working */ - border-radius: 2px; - box-shadow: none; - text-shadow: none; } - tooltip.background { - background-color: rgba(0, 0, 0, 0.8); - background-clip: padding-box; - border: none; } - tooltip decoration { - background-color: transparent; } - tooltip * { - padding: 4px; - background-color: transparent; - color: white; } - +tooltip, .tooltip, .overlay-bar { - padding: 4px 8px; + margin: 4px; border: none; - border-radius: 2px; + border-radius: 3px; background-color: #636E73; color: #A1A8AB; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); } + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } + tooltip.background, .tooltip.background, .overlay-bar.background { background-color: #636E73; border: none; } + tooltip decoration, + .tooltip decoration, + .overlay-bar decoration { + background-color: transparent; } + tooltip *, + .tooltip *, + .overlay-bar * { + padding: 2px; + background-color: transparent; + color: #A1A8AB; } /********************** * Touch Copy & Paste * @@ -9421,7 +9485,6 @@ YelpWindow .header-bar { ***************/ .category-label { font-weight: bold; - font-size: 1.04em; color: #A1A8AB; } /************* @@ -9654,7 +9717,6 @@ MidoriBrowser .toolbar { ***************/ .category-label { font-weight: bold; - font-size: 1.04em; color: #A1A8AB; } /************* diff --git a/Paper/gtk-3.0/gtk.css b/Paper/gtk-3.0/gtk.css index 8b90a18..3deca1b 100644 --- a/Paper/gtk-3.0/gtk.css +++ b/Paper/gtk-3.0/gtk.css @@ -3838,6 +3838,7 @@ headerbar { headerbar button.flat:backdrop { background-color: transparent; background-image: none; + text-shadow: none; color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) .button.linked, .titlebar:not(headerbar) button.linked, @@ -3847,46 +3848,6 @@ headerbar { headerbar button.linked { border-radius: 0px; margin: 0; } - .titlebar:not(headerbar) .button.titlebutton, - .titlebar:not(headerbar) button.titlebutton, - .header-bar .button.titlebutton, - .header-bar button.titlebutton, - headerbar .button.titlebutton, - headerbar button.titlebutton { - min-height: 16px; - min-width: 16px; - padding: 1px; - border-radius: 50%; - background-color: transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; } - .titlebar:not(headerbar) .button.titlebutton:hover, - .titlebar:not(headerbar) button.titlebutton:hover, - .header-bar .button.titlebutton:hover, - .header-bar button.titlebutton:hover, - headerbar .button.titlebutton:hover, - headerbar button.titlebutton:hover { - background-color: transparent; - color: white; } - .titlebar:not(headerbar) .button.titlebutton:backdrop, - .titlebar:not(headerbar) button.titlebutton:backdrop, - .header-bar .button.titlebutton:backdrop, - .header-bar button.titlebutton:backdrop, - headerbar .button.titlebutton:backdrop, - headerbar button.titlebutton:backdrop { - background-color: transparent; - color: rgba(255, 255, 255, 0.5); } - .titlebar:not(headerbar) .button.titlebutton:active, - .titlebar:not(headerbar) button.titlebutton:active, - .header-bar .button.titlebutton:active, - .header-bar button.titlebutton:active, - headerbar .button.titlebutton:active, - headerbar button.titlebutton:active { - background-color: #ffffff; - color: #636E73; - border-radius: 50%; - box-shadow: none; } .titlebar:not(headerbar) .button:hover, .titlebar:not(headerbar) button:hover, .header-bar .button:hover, @@ -3895,7 +3856,18 @@ headerbar { headerbar button:hover { background-image: none; background-color: rgba(0, 0, 0, 0.15); - box-shadow: none; } + color: white; + box-shadow: none; + text-shadow: none; } + .titlebar:not(headerbar) .button:backdrop, + .titlebar:not(headerbar) button:backdrop, + .header-bar .button:backdrop, + .header-bar button:backdrop, + headerbar .button:backdrop, + headerbar button:backdrop { + background-color: transparent; + background-image: none; + color: rgba(255, 255, 255, 0.5); } .titlebar:not(headerbar) .button:active, .titlebar:not(headerbar) .button:checked, .titlebar:not(headerbar) button:active, .titlebar:not(headerbar) button:checked, @@ -3981,6 +3953,102 @@ headerbar { headerbar button:insensitive:backdrop image, headerbar button:insensitive:backdrop GtkImage { -gtk-image-effect: dim; } + .titlebar:not(headerbar) .button.titlebutton, + .titlebar:not(headerbar) button.titlebutton, + .header-bar .button.titlebutton, + .header-bar button.titlebutton, + headerbar .button.titlebutton, + headerbar button.titlebutton { + min-height: 16px; + min-width: 16px; + padding: 1px; + border-radius: 50%; + background-color: transparent; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .titlebar:not(headerbar) .button.titlebutton:hover, + .titlebar:not(headerbar) button.titlebutton:hover, + .header-bar .button.titlebutton:hover, + .header-bar button.titlebutton:hover, + headerbar .button.titlebutton:hover, + headerbar button.titlebutton:hover { + background-color: transparent; + color: white; } + .titlebar:not(headerbar) .button.titlebutton:backdrop, + .titlebar:not(headerbar) button.titlebutton:backdrop, + .header-bar .button.titlebutton:backdrop, + .header-bar button.titlebutton:backdrop, + headerbar .button.titlebutton:backdrop, + headerbar button.titlebutton:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) .button.titlebutton:active, + .titlebar:not(headerbar) button.titlebutton:active, + .header-bar .button.titlebutton:active, + .header-bar button.titlebutton:active, + headerbar .button.titlebutton:active, + headerbar button.titlebutton:active { + background-color: #ffffff; + color: #636E73; + border-radius: 50%; + box-shadow: none; } + .titlebar:not(headerbar) .button.menu-button, .titlebar:not(headerbar) .button.title-menu-button, + .titlebar:not(headerbar) button.menu-button, + .titlebar:not(headerbar) button.title-menu-button, + .header-bar .button.menu-button, + .header-bar .button.title-menu-button, + .header-bar button.menu-button, + .header-bar button.title-menu-button, + headerbar .button.menu-button, + headerbar .button.title-menu-button, + headerbar button.menu-button, + headerbar button.title-menu-button { + padding: 1px; + background-color: transparent; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; } + .titlebar:not(headerbar) .button.menu-button:hover, .titlebar:not(headerbar) .button.title-menu-button:hover, + .titlebar:not(headerbar) button.menu-button:hover, + .titlebar:not(headerbar) button.title-menu-button:hover, + .header-bar .button.menu-button:hover, + .header-bar .button.title-menu-button:hover, + .header-bar button.menu-button:hover, + .header-bar button.title-menu-button:hover, + headerbar .button.menu-button:hover, + headerbar .button.title-menu-button:hover, + headerbar button.menu-button:hover, + headerbar button.title-menu-button:hover { + background-color: rgba(0, 0, 0, 0.1); + color: white; } + .titlebar:not(headerbar) .button.menu-button:backdrop, .titlebar:not(headerbar) .button.title-menu-button:backdrop, + .titlebar:not(headerbar) button.menu-button:backdrop, + .titlebar:not(headerbar) button.title-menu-button:backdrop, + .header-bar .button.menu-button:backdrop, + .header-bar .button.title-menu-button:backdrop, + .header-bar button.menu-button:backdrop, + .header-bar button.title-menu-button:backdrop, + headerbar .button.menu-button:backdrop, + headerbar .button.title-menu-button:backdrop, + headerbar button.menu-button:backdrop, + headerbar button.title-menu-button:backdrop { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); } + .titlebar:not(headerbar) .button.menu-button:active, .titlebar:not(headerbar) .button.title-menu-button:active, + .titlebar:not(headerbar) button.menu-button:active, + .titlebar:not(headerbar) button.title-menu-button:active, + .header-bar .button.menu-button:active, + .header-bar .button.title-menu-button:active, + .header-bar button.menu-button:active, + .header-bar button.title-menu-button:active, + headerbar .button.menu-button:active, + headerbar .button.title-menu-button:active, + headerbar button.menu-button:active, + headerbar button.title-menu-button:active { + background-color: #4b5458; + color: #ffffff; + box-shadow: none; } .titlebar:not(headerbar) .separator, .header-bar .separator, headerbar .separator { @@ -5192,6 +5260,7 @@ separator, .h4, .category-label { + font-size: 12px; padding: 6px; color: mix #f7f7f7, #666666, 50%; font-weight: bold; @@ -7813,7 +7882,7 @@ spinbutton.vertical:drop(active) { .spinbutton.vertical entry, spinbutton.vertical .entry, spinbutton.vertical entry { - min-height: 32px; + min-height: 24px; min-width: 32px; padding: 0; border-radius: 0; } @@ -7977,7 +8046,7 @@ switch { color: transparent; padding: 2px; background-color: rgba(0, 0, 0, 0.1); - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2), 0px 1px rgba(255, 255, 255, 0.8); } + box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0px 1px rgba(255, 255, 255, 0.8); } GtkSwitch:insensitive, GtkSwitch:disabled, switch:insensitive, switch:disabled { @@ -8431,35 +8500,30 @@ searchbar /************ * Tooltips * ************/ -tooltip { - padding: 4px; - /* not working */ - border-radius: 2px; - box-shadow: none; - text-shadow: none; } - tooltip.background { - background-color: rgba(0, 0, 0, 0.8); - background-clip: padding-box; - border: none; } - tooltip decoration { - background-color: transparent; } - tooltip * { - padding: 4px; - background-color: transparent; - color: white; } - +tooltip, .tooltip, .overlay-bar { - padding: 4px 8px; + margin: 4px; border: none; - border-radius: 2px; + border-radius: 3px; background-color: #ffffff; color: #666666; - box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3); } + box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); } + tooltip.background, .tooltip.background, .overlay-bar.background { background-color: #ffffff; border: none; } + tooltip decoration, + .tooltip decoration, + .overlay-bar decoration { + background-color: transparent; } + tooltip *, + .tooltip *, + .overlay-bar * { + padding: 2px; + background-color: transparent; + color: #666666; } /********************** * Touch Copy & Paste * @@ -9454,7 +9518,6 @@ YelpWindow .header-bar { ***************/ .category-label { font-weight: bold; - font-size: 1.04em; color: #666666; } /************* @@ -9687,7 +9750,6 @@ MidoriBrowser .toolbar { ***************/ .category-label { font-weight: bold; - font-size: 1.04em; color: #666666; } /************* diff --git a/Paper/gtk-3.0/widgets/_header-bars.scss b/Paper/gtk-3.0/widgets/_header-bars.scss index 947d756..26fe3e0 100644 --- a/Paper/gtk-3.0/widgets/_header-bars.scss +++ b/Paper/gtk-3.0/widgets/_header-bars.scss @@ -233,6 +233,7 @@ headerbar { &:backdrop { background-color: transparent; background-image: none; + text-shadow: none; color: $backdrop_headerbar_fg_color; } } @@ -242,38 +243,18 @@ headerbar { margin: 0; } - &.titlebutton { - min-height: 16px; - min-width: 16px; - padding: 1px; - border-radius:50%; - background-color:transparent; - box-shadow: none; - text-shadow: none; - -gtk-icon-shadow: none; - - &:hover { - background-color:transparent; - color:lighten($headerbar_fg_color, 10%); - } - - &:backdrop { - background-color:transparent; - color:$backdrop_headerbar_fg_color; - } - - &:active { - background-color:$headerbar_fg_color; - color:$headerbar_bg_color; - border-radius:50%; - box-shadow:none; - } - } - &:hover { background-image:none; background-color: transparentize(black, 0.85); + color:lighten($headerbar_fg_color, 10%); box-shadow:none; + text-shadow:none; + } + + &:backdrop { + background-color: transparent; + background-image: none; + color: $backdrop_headerbar_fg_color; } &:active, @@ -317,6 +298,63 @@ headerbar { } } + + // Title Button + &.titlebutton { + min-height: 16px; + min-width: 16px; + padding: 1px; + border-radius:50%; + background-color:transparent; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + + &:hover { + background-color:transparent; + color:lighten($headerbar_fg_color, 10%); + } + + &:backdrop { + background-color:transparent; + color:$backdrop_headerbar_fg_color; + } + + &:active { + background-color:$headerbar_fg_color; + color:$headerbar_bg_color; + border-radius:50%; + box-shadow:none; + } + } + + // Menu Button + &.menu-button, + &.title-menu-button { + padding: 1px; + background-color:transparent; + box-shadow: none; + text-shadow: none; + -gtk-icon-shadow: none; + + &:hover { + background-color: transparentize(black, 0.9); + color:lighten($headerbar_fg_color, 10%); + } + + &:backdrop { + background-color:transparent; + color:$backdrop_headerbar_fg_color; + } + + &:active { + background-color:darken($headerbar_bg_color,10%); + color:$headerbar_fg_color; + box-shadow:none; + } + } + + // Suggested Action Butotn &.suggested-action { &:hover { diff --git a/Paper/gtk-3.0/widgets/_misc.scss b/Paper/gtk-3.0/widgets/_misc.scss index 439365e..4b042a9 100644 --- a/Paper/gtk-3.0/widgets/_misc.scss +++ b/Paper/gtk-3.0/widgets/_misc.scss @@ -58,6 +58,7 @@ separator, .h4, .category-label { + font-size: 12px; padding: 6px; color: mix ($bg_color, $text_color, 50%); font-weight: bold; diff --git a/Paper/gtk-3.0/widgets/_switches.scss b/Paper/gtk-3.0/widgets/_switches.scss index 3350676..9b428a8 100644 --- a/Paper/gtk-3.0/widgets/_switches.scss +++ b/Paper/gtk-3.0/widgets/_switches.scss @@ -19,7 +19,7 @@ switch { padding: 2px; background-color: transparentize(black, 0.9); - box-shadow: inset 0 0 0 1px transparentize(black, 0.8), 0px 1px $bottom_highlight; + box-shadow: inset 0 0 0 1px transparentize(black, 0.95), 0px 1px $bottom_highlight; &:insensitive, &:disabled { diff --git a/Paper/gtk-3.0/widgets/_tooltips.scss b/Paper/gtk-3.0/widgets/_tooltips.scss index 8eb7b66..f3d42c2 100644 --- a/Paper/gtk-3.0/widgets/_tooltips.scss +++ b/Paper/gtk-3.0/widgets/_tooltips.scss @@ -1,41 +1,27 @@ /************ * Tooltips * ************/ -tooltip { - &.background { - // background-color needs to be set this way otherwise it gets drawn twice - // see https://bugzilla.gnome.org/show_bug.cgi?id=736155 for details. - background-color: transparentize(black, 0.2); - background-clip: padding-box; - border: none; - } - - padding: 4px; /* not working */ - border-radius: 2px; - box-shadow: none; // otherwise it gets inherited by windowframe.csd - text-shadow: none; - - // FIXME: we need a border or tooltips vanish on black background. - decoration { background-color: transparent; } - - * { // Yeah this is ugly - padding: 4px; - background-color: transparent; - color: white; - } -} - +tooltip, .tooltip, .overlay-bar { + + margin: 4px; + border: none; + border-radius: 3px; + background-color: $base_color; + color: $fg_color; + box-shadow: 0 2px 2px 0 transparentize(black, 0.7); + &.background { background-color: $base_color; border: none; } - padding: 4px 8px; - border: none; - border-radius: 2px; - background-color: $base_color; - color: $fg_color; - box-shadow: 0 1px 2px 0 transparentize(black, 0.7); + decoration { background-color: transparent; } + + * { // Yeah this is ugly + padding: 2px; + background-color: transparent; + color: $fg_color; + } } \ No newline at end of file