summaryrefslogtreecommitdiff
path: root/data/theme/_drawing.scss
diff options
context:
space:
mode:
Diffstat (limited to 'data/theme/_drawing.scss')
-rw-r--r--data/theme/_drawing.scss61
1 files changed, 12 insertions, 49 deletions
diff --git a/data/theme/_drawing.scss b/data/theme/_drawing.scss
index 33b4fd4ad..e537a806f 100644
--- a/data/theme/_drawing.scss
+++ b/data/theme/_drawing.scss
@@ -25,10 +25,6 @@
// entries
-@function entry_gradient($c) {
- @return linear-gradient(to bottom, darken($c,3%), $c 90%);
-}
-
@mixin entry($t, $fc:$selected_bg_color, $edge: $borders_edge) {
//
// Entries drawing function
@@ -39,60 +35,27 @@
// use the default one
//
// possible $t values:
-// normal, focus, insensitive, backdrop, backdrop-insensitive;
+// normal, focus, insensitive
//
- background-color: transparent;
- background-image: entry_gradient($base_color);
- $_blank_edge: if($edge == none, none, 0 1px transparentize($edge,1));
- $_entry_edge: if($edge == none, none, _widget_edge($edge));
- $_inner_shadows: inset 0 3px transparentize(black, 0.98),
- inset 0 2px transparentize(black, 0.97),
- inset 0 1px transparentize(black, 0.92);
-
- // we need to match the same shadow types (inset/outset) in various states
- // hence transparent shadows istead of resetting them when not needed
- $_blank_inner_shadows: inset 0 3px transparentize(black, 1),
- inset 0 2px transparentize(black, 1),
- inset 0 1px transparentize(black, 1);
- $_focus_glow_color: if($variant=='light', transparentize($fc,0.85),
- transparentize($fc,0.3));
+ $_inner_shadows: inset 0 2px 4px transparentize(black, 0.6);
@if $t==normal {
+ background-color: $base_color;
border-color: $borders_color;
- @include _shadows($_inner_shadows,
- inset 0 0 0 1px transparentize($fc,1),
- $_entry_edge);
- // the second transparent shadow is needed for the transition to work
+ @include _shadows($_inner_shadows);
+
}
@if $t==focus {
- @include _shadows($_inner_shadows,
- inset 0 0 0 1px $_focus_glow_color,
- $_entry_edge);
- @if $variant == 'light' { border-color: $fc; }
- @else {
- border-color: if($fc==$selected_bg_color,
- $selected_borders_color,
- darken($fc,35%));
- }
+ @include _shadows($_inner_shadows);
+ border-color: if($fc==$selected_bg_color,
+ $selected_borders_color,
+ darken($fc,35%));
}
+ @if $t==hover { }
@if $t==insensitive {
color: $insensitive_fg_color;
- border-color: $borders_color;
- background-image: linear-gradient(to bottom, $insensitive_bg_color);
- @include _shadows($_blank_inner_shadows, $_entry_edge);
-
- }
- @if $t==backdrop {
- color: $backdrop_fg_color;
- border-color: $backdrop_borders_color;
- background-image: linear-gradient(to bottom, $backdrop_base_color);
- @include _shadows($_blank_inner_shadows, $_blank_edge);
- }
- @if $t==backdrop-insensitive {
- color: $backdrop_insensitive_color;
- border-color: $backdrop_borders_color;
- background-image: linear-gradient(to bottom, $insensitive_bg_color);
- @include _shadows($_blank_inner_shadows, $_blank_edge);
+ border-color: $insensitive_bg_color;
+ box-shadow: none;
}
}