pantheon panel fixes
This commit is contained in:
parent
d2fcc3c16b
commit
382538dbe2
|
@ -23,7 +23,7 @@
|
|||
/* Base colors */
|
||||
@define-color base #fff;/* Base color */
|
||||
@define-color background #f7f7f7;/* Background color */
|
||||
@define-color foreground #333;/* Foreground color */
|
||||
@define-color foreground #444;/* Foreground color */
|
||||
@define-color border #D8D8D8;/* Borders color */
|
||||
@define-color separator alpha(#000, 0.15);/* Separator color */
|
||||
@define-color text @foreground;/* Text color */
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
// Main definitions
|
||||
$base_color: if($variant == 'light', #ffffff, #636E73);
|
||||
$bg_color: if($variant == 'light', #f7f7f7, #4F585C);
|
||||
$fg_color: if($variant == 'light', #333, lighten(#A1A8AB, 10%));
|
||||
$fg_color: if($variant == 'light', #444, lighten(#A1A8AB, 10%));
|
||||
$text_color: if($variant == 'light', $fg_color, $fg_color);
|
||||
$headerbar_bg_color: if($variant == 'light', #636E73, #3B4245);
|
||||
$headerbar_fg_color: if($variant == 'light', #ffffff, transparentize(#ffffff, 0.5));
|
||||
|
|
|
@ -122,39 +122,39 @@
|
|||
.panel {
|
||||
background-color: transparent;
|
||||
transition: all 100ms ease-in-out;
|
||||
color: white;
|
||||
|
||||
.maximized {
|
||||
&.maximized {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.translucent {
|
||||
&.translucent {
|
||||
background-color: transparentize(black, 0.5);
|
||||
}
|
||||
|
||||
.color-light {
|
||||
|
||||
.composited-indicator {
|
||||
|
||||
GtkRevealer {
|
||||
color: transparentize(black, 0.65);
|
||||
text-shadow: 0 0 2px transparentize(white, 0.7),
|
||||
0 1px 0 transparentize(white, 0.75);
|
||||
icon-shadow: 0 0 2px transparentize(white, 0.7),
|
||||
0 1px 0 transparentize(white, 0.75);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.composited-indicator {
|
||||
|
||||
GtkRevealer {
|
||||
color: $base_color;
|
||||
> GtkRevealer,
|
||||
> GtkImage,
|
||||
> GtkLabel {
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
text-shadow: 0 0 2px transparentize(black, 0.7),
|
||||
0 1px 2px transparentize(black, 0.4);
|
||||
icon-shadow: 0 0 2px transparentize(black, 0.7),
|
||||
0 1px 2px transparentize(black, 0.4);
|
||||
text-shadow: 0 1px transparentize(black, 0.2);
|
||||
icon-shadow: 0 1px transparentize(black, 0.2);
|
||||
}
|
||||
}
|
||||
|
||||
.panel.color-light .composited-indicator {
|
||||
|
||||
> GtkRevealer,
|
||||
> GtkImage,
|
||||
> GtkLabel {
|
||||
color: transparentize(black, 0.65);
|
||||
text-shadow: 0 0 2px transparentize(white, 0.7),
|
||||
0 1px 0 transparentize(white, 0.75);
|
||||
icon-shadow: 0 0 2px transparentize(white, 0.7),
|
||||
0 1px 0 transparentize(white, 0.75);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
// Main definitions
|
||||
$base_color: if($variant == 'light', #ffffff, #636E73);
|
||||
$bg_color: if($variant == 'light', #f7f7f7, #4F585C);
|
||||
$fg_color: if($variant == 'light', #333, lighten(#A1A8AB, 10%));
|
||||
$fg_color: if($variant == 'light', #444, lighten(#A1A8AB, 10%));
|
||||
$text_color: if($variant == 'light', $fg_color, $fg_color);
|
||||
$headerbar_bg_color: if($variant == 'light', #636E73, #3B4245);
|
||||
$headerbar_fg_color: if($variant == 'light', #ffffff, transparentize(#ffffff, 0.5));
|
||||
|
|
|
@ -115,6 +115,7 @@
|
|||
}
|
||||
|
||||
|
||||
|
||||
/*********
|
||||
* Panel *
|
||||
********/
|
||||
|
@ -122,39 +123,37 @@
|
|||
.panel {
|
||||
background-color: transparent;
|
||||
transition: all 100ms ease-in-out;
|
||||
color: white;
|
||||
|
||||
.maximized {
|
||||
&.maximized {
|
||||
background-color: #000;
|
||||
}
|
||||
|
||||
.translucent {
|
||||
&.translucent {
|
||||
background-color: transparentize(black, 0.5);
|
||||
}
|
||||
|
||||
.color-light {
|
||||
|
||||
.composited-indicator {
|
||||
|
||||
GtkRevealer {
|
||||
color: transparentize(black, 0.65);
|
||||
text-shadow: 0 0 2px transparentize(white, 0.7),
|
||||
0 1px 0 transparentize(white, 0.75);
|
||||
icon-shadow: 0 0 2px transparentize(white, 0.7),
|
||||
0 1px 0 transparentize(white, 0.75);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.composited-indicator {
|
||||
|
||||
GtkRevealer {
|
||||
color: $base_color;
|
||||
> GtkRevealer,
|
||||
> GtkRevealer GtkImage,
|
||||
> GtkRevealer GtkLabel {
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
text-shadow: 0 0 2px transparentize(black, 0.7),
|
||||
0 1px 2px transparentize(black, 0.4);
|
||||
icon-shadow: 0 0 2px transparentize(black, 0.7),
|
||||
0 1px 2px transparentize(black, 0.4);
|
||||
text-shadow: 0 1px 2px transparentize(black, 0.8), 0 1px 2px transparentize(black, 0.9);
|
||||
icon-shadow: 0 1px 2px transparentize(black, 0.8), 0 1px 2px transparentize(black, 0.9);
|
||||
}
|
||||
}
|
||||
|
||||
.panel.color-light .composited-indicator {
|
||||
|
||||
> GtkRevealer,
|
||||
> GtkRevealer GtkImage,
|
||||
> GtkRevealer GtkLabel {
|
||||
color: transparentize(black, 0.4);
|
||||
text-shadow: 0 1px transparentize(white, 0.9);
|
||||
icon-shadow: 0 1px transparentize(white, 0.9);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -5614,21 +5614,27 @@ YelpWindow .header-bar {
|
|||
********/
|
||||
.panel {
|
||||
background-color: transparent;
|
||||
transition: all 100ms ease-in-out; }
|
||||
.panel .maximized {
|
||||
transition: all 100ms ease-in-out;
|
||||
color: white; }
|
||||
.panel.maximized {
|
||||
background-color: #000; }
|
||||
.panel .translucent {
|
||||
.panel.translucent {
|
||||
background-color: rgba(0, 0, 0, 0.5); }
|
||||
.panel .color-light .composited-indicator GtkRevealer {
|
||||
color: rgba(0, 0, 0, 0.35);
|
||||
text-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25);
|
||||
icon-shadow: 0 0 2px rgba(255, 255, 255, 0.3), 0 1px 0 rgba(255, 255, 255, 0.25); }
|
||||
|
||||
.composited-indicator GtkRevealer {
|
||||
color: #636E73;
|
||||
.composited-indicator > GtkRevealer,
|
||||
.composited-indicator > GtkRevealer GtkImage,
|
||||
.composited-indicator > GtkRevealer GtkLabel {
|
||||
color: white;
|
||||
font-weight: bold;
|
||||
text-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6);
|
||||
icon-shadow: 0 0 2px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.6); }
|
||||
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1);
|
||||
icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1); }
|
||||
|
||||
.panel.color-light .composited-indicator > GtkRevealer,
|
||||
.panel.color-light .composited-indicator > GtkRevealer GtkImage,
|
||||
.panel.color-light .composited-indicator > GtkRevealer GtkLabel {
|
||||
color: rgba(0, 0, 0, 0.6);
|
||||
text-shadow: 0 1px rgba(255, 255, 255, 0.1);
|
||||
icon-shadow: 0 1px rgba(255, 255, 255, 0.1); }
|
||||
|
||||
/*************
|
||||
* AppCenter *
|
||||
|
|
File diff suppressed because it is too large
Load Diff
|
@ -4,7 +4,7 @@
|
|||
// Main definitions
|
||||
$base_color: if($variant == 'light', #ffffff, #636E73);
|
||||
$bg_color: if($variant == 'light', #f7f7f7, #4F585C);
|
||||
$fg_color: if($variant == 'light', #333, #A1A8AB);
|
||||
$fg_color: if($variant == 'light', #444, #A1A8AB);
|
||||
$text_color: if($variant == 'light', $fg_color, $fg_color);
|
||||
$headerbar_bg_color: if($variant == 'light', #636E73, #3B4245);
|
||||
$headerbar_fg_color: if($variant == 'light', #ffffff, transparentize(#ffffff, 0.2));
|
||||
|
|
File diff suppressed because it is too large
Load Diff
Loading…
Reference in New Issue