by roundabout, Friday, 8 February 2019, 21:16:36 (1549660596), pushed by roundabout, Sunday, 11 May 2025, 13:22:33 (1746969753)
Author identity: nana-4 <hnmaigo@gmail.com>
2859e4b75a4d1dfdb2336a56ad828bc38df20960
src/_sass/_colors.scss
@@ -11,6 +11,12 @@ $red: #EA4335;
@return unquote("alpha(#{$c}, #{$a})");
}
// Foreground colors
$text-on-light: rgba(black, 0.87);
$text-on-dark: white;
@@ -86,9 +92,6 @@ $tooltip-text: white;
$border: if($variant == 'light', rgba(black, 0.12), rgba(black, 0.26));
$border-alt: rgba(black, 0.26); // for non-native GTK+ apps (e.g. Firefox and Chrome)
$highlight: if($variant == 'light', rgba(white, 0.4), rgba(white, 0.1));
$highlight-titlebar: if($topbar == 'dark', rgba(white, 0.1), rgba(white, 0.4));
$highlight-alt: rgba(white, 0.2); // for selection-mode headerbar which colored with $primary
$titlebar-indicator: if($topbar == 'dark', currentColor, $primary);
// FIXME: Electron/Atom menu does not allow translucent colors
src/_sass/cinnamon/_common.scss
@@ -1298,7 +1298,7 @@ StScrollView {
background: $titlebar-divider;
}
.applet-spacer:highlight {
background: $highlight;
background: highlight($surface);
}
.applet-box {
background-color: rgba(0, 0, 0, 0.01);
@@ -1356,7 +1356,7 @@ StScrollView {
background-color: $surface;
border-radius: $material_radius;
&:highlight {
background-color: $highlight;
background-color: highlight($surface);
}
}
.desklet-with-borders-and-header {
@@ -1367,7 +1367,7 @@ StScrollView {
border-radius-bottomleft: 2px;
border-radius-bottomright: 2px;
&:highlight {
background-color: $highlight;
background-color: highlight($surface);
}
}
.desklet-header {
@@ -1378,7 +1378,7 @@ StScrollView {
border-radius-topleft: 2px;
border-radius-topright: 2px;
&:highlight {
background-color: $highlight;
background-color: highlight($surface);
}
}
.photoframe-box {
@@ -1387,7 +1387,7 @@ StScrollView {
background-color: $surface;
border-radius: $material_radius;
&:highlight {
background-color: $highlight;
background-color: highlight($surface);
}
}
.desklet-drag-placeholder {
src/_sass/gtk/_colors-public.scss
@@ -89,7 +89,7 @@ these colors are exported for the window manager and shouldn't be used in applic
read if you used those and something break with a version upgrade you're on your own... */
@define-color wm_title #{"" + $titlebar-text};
@define-color wm_unfocused_title #{"" + $titlebar-text-secondary};
@define-color wm_highlight #{"" + $highlight-titlebar};
@define-color wm_highlight #{"" + highlight($titlebar)};
@define-color wm_bg #{"" + $titlebar};
/*
src/_sass/gtk/_common-3.20.scss
@@ -994,10 +994,10 @@ toolbar {
transition: $shadow_transition;
padding: $container_padding;
border-radius: $material_radius;
box-shadow: $shadow_2, inset 0 1px $highlight;
box-shadow: $shadow_2, inset 0 1px highlight($surface);
background-color: $surface;
&:backdrop { box-shadow: $shadow_1, inset 0 1px $highlight; }
&:backdrop { box-shadow: $shadow_1, inset 0 1px highlight($surface); }
&.left,
&.right,
@@ -1065,7 +1065,7 @@ headerbar {
transition: background-color $shorter_duration $deceleration_curve, color $shorter_duration $deceleration_curve;
min-height: $large_size;
padding: 0 $container_padding;
box-shadow: $shadow_1, inset 0 1px $highlight-titlebar;
box-shadow: $shadow_1, inset 0 1px highlight($titlebar);
background-color: $titlebar;
color: $titlebar-text;
@@ -1163,7 +1163,7 @@ headerbar {
// but let's keep it for backwards compatibility.
transition: background-color 0.00001s $longer_duration, color $longer_duration $deceleration_curve;
animation: header_ripple_effect $longer_duration $deceleration_curve;
box-shadow: $shadow_1, inset 0 1px $highlight-alt;
box-shadow: $shadow_1, inset 0 1px highlight($primary);
background-color: $primary;
color: $inverse-text;
@@ -1230,7 +1230,7 @@ headerbar {
&.default-decoration {
min-height: $small_size;
padding: $container_padding;
box-shadow: inset 0 1px $highlight-titlebar;
box-shadow: inset 0 1px highlight($titlebar);
.tiled &,
.maximized &,
@@ -1538,7 +1538,7 @@ menu,
.context-menu {
margin: 4px 0; // See https://bugzilla.gnome.org/show_bug.cgi?id=591258
padding: 4px 0;
box-shadow: inset 0 1px $highlight;
box-shadow: inset 0 1px highlight($surface);
background-color: $surface;
border: 1px solid $border; // adds borders in a non composited env
@@ -2878,7 +2878,7 @@ messagedialog { // Message Dialog styling
.titlebar {
min-height: $small_size;
border-style: none;
box-shadow: inset 0 1px $highlight;
box-shadow: inset 0 1px highlight($surface);
background-color: $surface;
color: $text;
@@ -3152,7 +3152,7 @@ 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.
// box-shadow: inset 0 1px $highlight;
// box-shadow: inset 0 1px highlight($tooltip);
background-color: $tooltip;
color: $tooltip-text;
}
@@ -3297,10 +3297,10 @@ colorswatch {
colorchooser .popover.osd {
transition: $shadow_transition;
border-radius: $material_radius;
box-shadow: $shadow_2, inset 0 1px $highlight;
box-shadow: $shadow_2, inset 0 1px highlight($surface);
background-color: $surface;
&:backdrop { box-shadow: $shadow_1, inset 0 1px $highlight; }
&:backdrop { box-shadow: $shadow_1, inset 0 1px highlight($surface); }
}
src/_sass/gtk/apps/_budgie.scss
@@ -464,7 +464,7 @@ calendar.raven-calendar {
margin: 5px 9px;
padding: 3px;
border-radius: $material_radius;
box-shadow: $shadow_2, inset 0 1px $highlight;
box-shadow: $shadow_2, inset 0 1px highlight($surface);
background-color: $surface;
button { @extend %simple_flat_button; }
@@ -518,7 +518,7 @@ calendar.raven-calendar {
font-size: 120%;
padding: $container_padding 8px + $container_padding;
border-image: none;
box-shadow: inset 0 1px $highlight;
box-shadow: inset 0 1px highlight($base);
background-color: transparent;
}
src/_sass/gtk/apps/_lightdm.scss
@@ -35,7 +35,7 @@
#restart_dialog {
margin: 8px;
border-radius: $material_radius;
box-shadow: $shadow_2, inset 0 1px $highlight;
box-shadow: $shadow_2, inset 0 1px highlight($surface);
background-color: $surface;
}
src/_sass/gtk/apps/_mate.scss
@@ -142,7 +142,7 @@ PanelApplet.wnck-applet .wnck-pager {
#MatePanelPopupWindow {
border: 1px solid $border;
border-radius: $material_radius + 1px;
box-shadow: inset 0 1px $highlight;
box-shadow: inset 0 1px highlight($surface);
frame > border { border-style: none; }
@@ -176,7 +176,7 @@ na-tray-applet widget box widget {
.mate-panel-applet-slider {
border: 1px solid $border;
border-radius: $material_radius + 1px;
box-shadow: inset 0 1px $highlight;
box-shadow: inset 0 1px highlight($surface);
background-color: $background;
frame > border { border-style: none; }
@@ -363,7 +363,7 @@ na-tray-applet widget box widget {
.lock-dialog {
border-radius: $material_radius;
// not sure if box-shadow works here
box-shadow: $shadow_4, inset 0 1px $highlight;
box-shadow: $shadow_4, inset 0 1px highlight($surface);
frame > border { border-style: none; }
}
src/_sass/gtk/apps/_unity.scss
@@ -27,7 +27,7 @@ UnityDecoration {
padding: 0 2px;
border-style: none;
border-radius: $material_radius $material_radius 0 0;
box-shadow: inset 0 1px $highlight-titlebar;
box-shadow: inset 0 1px highlight($titlebar);
background-color: $titlebar;
color: $titlebar-text;