luneko/SweetTokyoNight
1
0
Fork 0
mirror of https://github.com/luneko/SweetTokyoNight.git synced 2025-12-13 15:29:53 +01:00
Code Issues Projects Releases Wiki Activity

Gnome: Fix headerbar color in dark mode

Browse Source
This commit is contained in:
EliverLara
2020-10-15 12:53:17 -05:00
parent b1713927af
commit 71d1e7da5e
4 changed files with 18 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
gtk-3.0/_colors.scss
View File

@@ -37,7 +37,7 @@ $link_visited_color:transparentize($link_color,0.5);
$top_highlight: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.9)); $top_highlight: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.9));
$bottom_highlight: if($variant == 'light', transparentize(black, 0.8), transparentize(black, 0.9)); $bottom_highlight: if($variant == 'light', transparentize(black, 0.8), transparentize(black, 0.9));
$dark_fill: mix($borders_color, $bg_color, 35%); $dark_fill: mix($borders_color, $bg_color, 35%);
$headerbar_color: #fff; $headerbar_color: if($variant == 'light', #fff, $bg_color);
$headerbar_fg_color: $text_color; $headerbar_fg_color: $text_color;
$menu_color: if($variant == 'light', $base_color, mix($bg_color, $base_color, 20%)); $menu_color: if($variant == 'light', $base_color, mix($bg_color, $base_color, 20%));
$popover_bg_color: $base_color; $popover_bg_color: $base_color;

28
gtk-3.0/gtk-dark.css
View File

@@ -2339,7 +2339,7 @@ GraniteWidgetsWelcome {
headerbar { headerbar {
padding: 0px 13px; padding: 0px 13px;
min-height: 34px; min-height: 34px;
background: #abacb0; background: #161925;
color: #C3C7D1; color: #C3C7D1;
border-radius: 0; } border-radius: 0; }
.titlebar:backdrop, .titlebar:backdrop,
@@ -2877,7 +2877,7 @@ row {
*********/ *********/
menubar, menubar,
.menubar { .menubar {
background-color: #fff; background-color: #161925;
color: #C3C7D1; color: #C3C7D1;
-GtkWidget-window-dragging: true; -GtkWidget-window-dragging: true;
padding: 0px; padding: 0px;
@@ -3064,7 +3064,7 @@ notebook > header {
padding: 1px; padding: 1px;
border-color: transparent; border-color: transparent;
border-width: 1px; border-width: 1px;
background-color: #abacb0; } background-color: #0c0e14; }
notebook > header:backdrop { notebook > header:backdrop {
border-color: rgba(91, 93, 102, 0.19); border-color: rgba(91, 93, 102, 0.19);
background-color: #161925; } background-color: #161925; }
@@ -3077,7 +3077,7 @@ notebook > header {
notebook > header.top > tabs > tab:backdrop { notebook > header.top > tabs > tab:backdrop {
box-shadow: none; } box-shadow: none; }
notebook > header.top > tabs > tab:checked { notebook > header.top > tabs > tab:checked {
background: linear-gradient(to right, #00f17d, #00f7d2) left bottom #b6b6ba no-repeat; background: linear-gradient(to right, #00f17d, #00f7d2) left bottom #141721 no-repeat;
background-size: 100% 2px; background-size: 100% 2px;
border: 0; } border: 0; }
notebook > header.bottom { notebook > header.bottom {
@@ -3087,7 +3087,7 @@ notebook > header {
notebook > header.bottom > tabs > tab:backdrop { notebook > header.bottom > tabs > tab:backdrop {
box-shadow: none; } box-shadow: none; }
notebook > header.bottom > tabs > tab:checked { notebook > header.bottom > tabs > tab:checked {
background: linear-gradient(to right, #00f17d, #00f7d2) left bottom #b6b6ba no-repeat; background: linear-gradient(to right, #00f17d, #00f7d2) left bottom #141721 no-repeat;
background-size: 100% 2px; background-size: 100% 2px;
border: 0; } border: 0; }
notebook > header.left { notebook > header.left {
@@ -3097,7 +3097,7 @@ notebook > header {
notebook > header.left > tabs > tab:backdrop { notebook > header.left > tabs > tab:backdrop {
box-shadow: none; } box-shadow: none; }
notebook > header.left > tabs > tab:checked { notebook > header.left > tabs > tab:checked {
background: linear-gradient(to bottom, #00f17d, #00f7d2) left bottom #b6b6ba no-repeat; background: linear-gradient(to bottom, #00f17d, #00f7d2) left bottom #141721 no-repeat;
background-size: 2px 100%; background-size: 2px 100%;
border: 0; } border: 0; }
notebook > header.right { notebook > header.right {
@@ -3107,7 +3107,7 @@ notebook > header {
notebook > header.right > tabs > tab:backdrop { notebook > header.right > tabs > tab:backdrop {
box-shadow: none; } box-shadow: none; }
notebook > header.right > tabs > tab:checked { notebook > header.right > tabs > tab:checked {
background: linear-gradient(to bottom, #00f17d, #00f7d2) left bottom #b6b6ba no-repeat; background: linear-gradient(to bottom, #00f17d, #00f7d2) left bottom #141721 no-repeat;
background-size: 2px 100%; background-size: 2px 100%;
border: 0; } border: 0; }
notebook > header.top > tabs > arrow { notebook > header.top > tabs > arrow {
@@ -5209,7 +5209,7 @@ button.raven-trigger {
color: #C3C7D1; color: #C3C7D1;
border: solid rgba(238, 238, 238, 0.05); border: solid rgba(238, 238, 238, 0.05);
border-width: 1px 0; border-width: 1px 0;
background-color: rgba(237, 237, 237, 0.5); } background-color: rgba(9, 10, 15, 0.5); }
.raven .raven-header * { .raven .raven-header * {
padding-top: 0; padding-top: 0;
padding-bottom: 0; } padding-bottom: 0; }
@@ -5520,10 +5520,10 @@ calendar.raven-calendar {
min-height: 16px; } min-height: 16px; }
.budgie-menubar arrow.top { .budgie-menubar arrow.top {
-gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); -gtk-icon-source: -gtk-icontheme("pan-up-symbolic");
border-bottom: 1px solid rgba(248, 249, 250, 0.928); } border-bottom: 1px solid rgba(42, 45, 57, 0.928); }
.budgie-menubar arrow.bottom { .budgie-menubar arrow.bottom {
-gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
border-top: 1px solid rgba(248, 249, 250, 0.928); } border-top: 1px solid rgba(42, 45, 57, 0.928); }
.budgie-menubar menuitem accelerator { .budgie-menubar menuitem accelerator {
color: rgba(195, 199, 209, 0.35); } color: rgba(195, 199, 209, 0.35); }
@@ -5730,7 +5730,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
transition: none; transition: none;
box-shadow: none; } box-shadow: none; }
#gnc-id-main-window .arrow.button.toggle:hover { #gnc-id-main-window .arrow.button.toggle:hover {
border-color: #F67E7D; } border-color: #00D3A7; }
.xfce4-panel.panel { .xfce4-panel.panel {
background-color: #222e39; background-color: #222e39;
@@ -5781,7 +5781,7 @@ panel-toplevel.background button:not(#tasklist-button) {
/* thunar */ /* thunar */
.thunar toolbar { .thunar toolbar {
background-color: #fff; } background-color: #161925; }
/* buttons in toolbar */ /* buttons in toolbar */
.thunar toolbar.horizontal button image { .thunar toolbar.horizontal button image {
@@ -6293,7 +6293,7 @@ ConversationListView {
padding-top: 20px; padding-top: 20px;
padding-bottom: 0px; padding-bottom: 0px;
border-style: none; border-style: none;
background-color: #fff; background-color: #161925;
border-bottom-left-radius: 3px; border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px; border-bottom-right-radius: 3px;
border: solid rgba(0, 0, 0, 0.1); border: solid rgba(0, 0, 0, 0.1);
@@ -6382,7 +6382,7 @@ ConversationListView {
.nemo-window toolbar.primary-toolbar { .nemo-window toolbar.primary-toolbar {
margin-bottom: -1px; margin-bottom: -1px;
background: #fff; } background: #161925; }
.nemo-window toolbar.primary-toolbar button { .nemo-window toolbar.primary-toolbar button {
color: #8b8b8b; color: #8b8b8b;
text-shadow: none; text-shadow: none;

4
gtk-3.0/gtk.css
View File

@@ -2346,7 +2346,7 @@ GraniteWidgetsWelcome {
headerbar { headerbar {
padding: 0px 13px; padding: 0px 13px;
min-height: 34px; min-height: 34px;
background: linear-gradient(to bottom, #fff, #fff); background: #fff;
color: #31363D; color: #31363D;
border-radius: 0; } border-radius: 0; }
.titlebar:backdrop, .titlebar:backdrop,
@@ -5755,7 +5755,7 @@ window.background.budgie-settings-window.csd > box.horizontal > stack > scrolled
transition: none; transition: none;
box-shadow: none; } box-shadow: none; }
#gnc-id-main-window .arrow.button.toggle:hover { #gnc-id-main-window .arrow.button.toggle:hover {
border-color: #F67E7D; } border-color: #00D3A7; }
.xfce4-panel.panel { .xfce4-panel.panel {
background-color: #222e39; background-color: #222e39;

2
gtk-3.0/widgets/_header-bars.scss
View File

@@ -5,7 +5,7 @@
headerbar { headerbar {
padding: 0px 13px; padding: 0px 13px;
min-height: 34px; min-height: 34px;
background: if($variant == 'light', linear-gradient(to bottom, #fff, #fff) , mix($base_color, darken($headerbar_color, 8%), 30%)); background: $headerbar_color;
color: $headerbar_fg_color; color: $headerbar_fg_color;
border-radius: 0; border-radius: 0;
&:backdrop { &:backdrop {