theme: sync OSD colors with gtk

This commit is contained in:
Jakub Steiner 2019-04-16 16:47:59 +02:00
parent 4e5ca6d376
commit 6393e90a5a
3 changed files with 7 additions and 10 deletions

View File

@ -21,7 +21,7 @@ $success_color: if($variant == 'light', #33d17a, darken(#33d17a, 10%));
$destructive_color: if($variant == 'light', #e01b24, darken(#e01b24, 10%)); $destructive_color: if($variant == 'light', #e01b24, darken(#e01b24, 10%));
$osd_fg_color: #eeeeec; $osd_fg_color: #eeeeec;
$osd_bg_color: #2e3436; $osd_bg_color: transparentize(darken(desaturate(#3d3846, 100%), 15%),0.3);
$osd_borders_color: transparentize(black, 0.3); $osd_borders_color: transparentize(black, 0.3);
$osd_outer_borders_color: transparentize(white, 0.9); $osd_outer_borders_color: transparentize(white, 0.9);

View File

@ -29,7 +29,7 @@ $panel-corner-radius: 6px;
/* GLOBALS */ /* GLOBALS */
$font-size: 11; $font-size: 11;
$font-family: Cantarell, Sans-Serif; $font-family: Cantarell, Sans-Serif;
$_bubble_bg_color: opacify($osd_bg_color,0.25); $_bubble_bg_color: $osd_bg_color;
$_bubble_fg_color: $osd_fg_color; $_bubble_fg_color: $osd_fg_color;
$_bubble_borders_color: transparentize($osd_fg_color,0.8); $_bubble_borders_color: transparentize($osd_fg_color,0.8);
@ -184,7 +184,7 @@ StScrollBar {
.modal-dialog { .modal-dialog {
border-radius: 9px; border-radius: 9px;
color: $osd_fg_color; color: $osd_fg_color;
background-color: transparentize(darken($osd_bg_color,10%),0.05); background-color: $osd_bg_color;
border: 1px solid $_bubble_borders_color; border: 1px solid $_bubble_borders_color;
.modal-dialog-content-box { .modal-dialog-content-box {
padding: 24px; padding: 24px;

View File

@ -111,7 +111,7 @@
} }
} }
@mixin button($t, $c:$osd_bg_color, $tc:$fg_color, $edge: $borders_edge) { @mixin button($t, $c:opacify(lighten($osd_bg_color, 5%),1.0), $tc:$fg_color, $edge: $borders_edge) {
// //
// Button drawing function // Button drawing function
// //
@ -136,8 +136,7 @@
// //
// normal button // normal button
// //
$_bg: if($c!=$osd_bg_color, transparentize($c, 0.5), $_bg: $c;
$osd_bg_color);
color: $osd_fg_color; color: $osd_fg_color;
background-color: $_bg; background-color: $_bg;
@ -150,8 +149,7 @@
// //
// focused button // focused button
// //
$_bg: if($c!=$osd_bg_color, transparentize($c, 0.3), $_bg: lighten($c,3%);
lighten($osd_bg_color,3%));
color: $osd_fg_color; color: $osd_fg_color;
text-shadow: 0 1px black; text-shadow: 0 1px black;
@ -163,8 +161,7 @@
// //
// active osd button // active osd button
// //
$_bg: if($c!=$osd_bg_color, transparentize($c, 0.3), $_bg: lighten($c,3%);
lighten($osd_bg_color,3%));
color: white; color: white;
border-color: $osd_borders_color; border-color: $osd_borders_color;