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