85 lines
4.6 KiB
SCSS
85 lines
4.6 KiB
SCSS
|
// scss-lint:disable ColorVariable
|
||
|
|
|
||
|
|
// main colors used in theme
|
||
|
|
// 1.0 < 1 will result in most cinnamon surfaces being transparent
|
||
|
|
$button_bg_color: #3c3836;
|
||
|
|
$button_fg_color: #ebdbb2;
|
||
|
|
$selected_bg_color: #fabd2f;
|
||
|
|
$selected_fg_color: #282828;
|
||
|
|
$tooltip_bg_color: #282828;
|
||
|
|
$tooltip_fg_color: #ebdbb2;
|
||
|
|
$dark_bg_color: fade-out(#1d2021, 1 - 1.0);
|
||
|
|
$dark_fg_color: #fbf1c7;
|
||
|
|
|
||
|
|
// an always transparent color used for expo & scale views and the lightbox effect when cinnamon is showing an OSD.
|
||
|
|
$dark_bg_color_trans: fade-out(#1d2021, 1 - (1.0 / 2));
|
||
|
|
|
||
|
|
// used to calculate gradients for gradient values > 0
|
||
|
|
$lighten_amount: 1 + (0.0 / 2);
|
||
|
|
$darken_amount: 1 - (0.0 / 2);
|
||
|
|
|
||
|
|
// main background surface gradient start and end colors
|
||
|
|
$light_bg_grad: if($lighten_amount > 1, lighten($dark_bg_color, ($lighten_amount - 1) * lightness($dark_bg_color)), $dark_bg_color);
|
||
|
|
$dark_bg_grad: if($darken_amount < 1, darken($dark_bg_color, (1 - $darken_amount) * lightness($dark_bg_color)), $dark_bg_color);
|
||
|
|
|
||
|
|
// hovered background surface gradient start and end colors - used for window list
|
||
|
|
$hover_bg_color: lighten($dark_bg_color, .05 * lightness($dark_bg_color));
|
||
|
|
$light_hover_bg_grad: if($lighten_amount > 1, lighten($hover_bg_color, ($lighten_amount - 1) * lightness($hover_bg_color)), $hover_bg_color);
|
||
|
|
$dark_hover_bg_grad: if($darken_amount < 1, darken($hover_bg_color, (1 - $darken_amount) * lightness($hover_bg_color)), $hover_bg_color);
|
||
|
|
|
||
|
|
// selected background surface gradient start and end colors - used for window list & buttons
|
||
|
|
$light_selected_bg_grad: if($lighten_amount > 1, lighten($selected_bg_color, ($lighten_amount - 1) * lightness($selected_bg_color)), $selected_bg_color);
|
||
|
|
$dark_selected_bg_grad: if($darken_amount < 1, darken($selected_bg_color, (1 - $darken_amount) * lightness($selected_bg_color)), $selected_bg_color);
|
||
|
|
|
||
|
|
// hovered selected background surface gradient start and end colors - used for window list
|
||
|
|
$hover_selected_color: lighten($selected_bg_color, .05 * lightness($selected_bg_color));
|
||
|
|
$light_hover_selected_grad: if($lighten_amount > 1, lighten($hover_selected_color, ($lighten_amount - 1) * lightness($hover_selected_color)), $hover_selected_color);
|
||
|
|
$dark_hover_selected_grad: if($darken_amount < 1, darken($hover_selected_color, (1 - $darken_amount) * lightness($hover_selected_color)), $hover_selected_color);
|
||
|
|
|
||
|
|
// button background surface gradient start and end colors - used for buttons
|
||
|
|
$light_button_bg_grad: if($lighten_amount > 1, lighten($button_bg_color, ($lighten_amount - 1) * lightness($button_bg_color)), $button_bg_color);
|
||
|
|
$dark_button_bg_grad: if($darken_amount < 1, darken($button_bg_color, (1 - $darken_amount) * lightness($button_bg_color)), $button_bg_color);
|
||
|
|
|
||
|
|
// hovered button background surface gradient start and end colors - used for buttons
|
||
|
|
$hover_button_bg: lighten($button_bg_color, .05 * lightness($button_bg_color));
|
||
|
|
$light_hover_button_bg_grad: if($lighten_amount > 1, lighten($hover_button_bg, ($lighten_amount - 1) * lightness($hover_button_bg)), $hover_button_bg);
|
||
|
|
$dark_hover_button_bg_grad: if($darken_amount < 1, darken($hover_button_bg, (1 - $darken_amount) * lightness($hover_button_bg)), $hover_button_bg);
|
||
|
|
|
||
|
|
// tooltip background surface gradient start and end colors - used for tooltips
|
||
|
|
$light_tooltip_bg_grad: if($lighten_amount > 1, lighten($tooltip_bg_color, ($lighten_amount - 1) * lightness($tooltip_bg_color)), $tooltip_bg_color);
|
||
|
|
$dark_tooltip_bg_grad: if($darken_amount < 1, darken($tooltip_bg_color, (1 - $darken_amount) * lightness($tooltip_bg_color)), $tooltip_bg_color);
|
||
|
|
|
||
|
|
// borders used throughout theme buttons also use selected_borders_color
|
||
|
|
$selected_border: mix($dark_bg_color, $selected_bg_color, if(lightness($dark_bg_color) < 50%, 18%, 10%));
|
||
|
|
$border_strength: if(lightness($dark_fg_color) > 50, .1, .2);
|
||
|
|
$interior_border: fade-out($dark_fg_color, 0.88 - $border_strength);
|
||
|
|
$exterior_border: mix($dark_bg_color, $dark_fg_color, (30 + ($border_strength * 100)));
|
||
|
|
|
||
|
|
// decoration for buttons
|
||
|
|
$button_border_strength: if(lightness($button_fg_color) > 50, .1, .2);
|
||
|
|
$button_border: fade-out($button_fg_color, 0.88 - $button_border_strength);
|
||
|
|
|
||
|
|
// scrollbar colors
|
||
|
|
$scrollbar_bg_color: darken($dark_bg_color, 5%);
|
||
|
|
$scrollbar_slider_color: mix($dark_bg_color, $dark_fg_color, 20%);
|
||
|
|
$scrollbar_slider_hover_color: mix($dark_bg_color, $selected_bg_color, 20%);
|
||
|
|
|
||
|
|
// caret colors for dialog entrys
|
||
|
|
$primary_caret_color: #a89984;
|
||
|
|
|
||
|
|
// other colors used in the theme
|
||
|
|
$link_color: #83a598;
|
||
|
|
$success_color: #98971a;
|
||
|
|
$warning_color: #d79921;
|
||
|
|
$error_color: #cc241d;
|
||
|
|
$info_fg_color: #282828;
|
||
|
|
$info_bg_color: #458588;
|
||
|
|
|
||
|
|
// used for border-radius throughout theme
|
||
|
|
$roundness: 4px;
|
||
|
|
|
||
|
|
// used for buttons, entrys, panel spacing, and menu item spacing.
|
||
|
|
$spacing: 3px;
|
||
|
|
$spacing_plus2: (3 + 2) + px;
|
||
|
|
|