pantheon panel fixes

This commit is contained in:
Sam Hewitt 2016-04-27 16:00:47 -04:00
parent d2fcc3c16b
commit 382538dbe2
9 changed files with 463 additions and 452 deletions

View File

@ -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 */

View File

@ -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));

View File

@ -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);
}
}

View File

@ -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));

View File

@ -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);
}
}

View File

@ -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

View File

@ -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