diff options
author | Vidhu Kant Sharma <bokuwakanojogahoshii@yahoo.com> | 2021-02-19 23:40:47 +0530 |
---|---|---|
committer | Vidhu Kant Sharma <bokuwakanojogahoshii@yahoo.com> | 2021-02-19 23:40:47 +0530 |
commit | ff093188fe7450294cf14c6c94caf10f32f9f1b1 (patch) | |
tree | d558d139bbfaafa5d621034ff85dd563f7cfd423 /.themes/oomox-Awkward/cinnamon/scss/_global.scss | |
parent | 21eea21ac0bc4f8cf1fd637e305c5f3b94218e30 (diff) |
created a gtk oomox theme to match the terminal
Diffstat (limited to '.themes/oomox-Awkward/cinnamon/scss/_global.scss')
-rw-r--r-- | .themes/oomox-Awkward/cinnamon/scss/_global.scss | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/.themes/oomox-Awkward/cinnamon/scss/_global.scss b/.themes/oomox-Awkward/cinnamon/scss/_global.scss new file mode 100644 index 00000000..a4e93819 --- /dev/null +++ b/.themes/oomox-Awkward/cinnamon/scss/_global.scss @@ -0,0 +1,84 @@ +// scss-lint:disable ColorVariable + +// main colors used in theme +// 1.0 < 1 will result in most cinnamon surfaces being transparent +$button_bg_color: #8d5bd0; +$button_fg_color: #ffffff; +$selected_bg_color: #8d5bd0; +$selected_fg_color: #e5e5e5; +$tooltip_bg_color: #130f23; +$tooltip_fg_color: #e5e5e5; +$dark_bg_color: fade-out(#1d1b4d, 1 - 1.0); +$dark_fg_color: #e5e5e5; + +// 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(#1d1b4d, 1 - (1.0 / 2)); + +// used to calculate gradients for gradient values > 0 +$lighten_amount: 1 + (0.06 / 2); +$darken_amount: 1 - (0.06 / 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: #d2a0c9; + +// other colors used in the theme +$link_color: #1c00a5; +$success_color: #0f2fa7; +$warning_color: #f92927; +$error_color: #f4004c; +$info_fg_color: #d2f000; +$info_bg_color: #4023d9; + +// used for border-radius throughout theme +$roundness: 9px; + +// used for buttons, entrys, panel spacing, and menu item spacing. +$spacing: 3px; +$spacing_plus2: (3 + 2) + px; + |