Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1,400 changes: 881 additions & 519 deletions cinnamon-shell/upstream/cinnamon-dark.css

Large diffs are not rendered by default.

1,268 changes: 816 additions & 452 deletions cinnamon-shell/upstream/cinnamon.css

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions cinnamon-shell/upstream/dark-assets/switch/switch-off.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 3 additions & 3 deletions cinnamon-shell/upstream/dark-assets/switch/switch-on.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified cinnamon-shell/upstream/mint-y-dark-thumbnail.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified cinnamon-shell/upstream/mint-y-thumbnail.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions cinnamon-shell/upstream/parse-sass.sh
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
#! /bin/bash

sassc ./sass/cinnamon.scss cinnamon.css
sassc ./sass/cinnamon-dark.scss cinnamon-dark.css
pysassc ./sass/cinnamon.scss cinnamon.css
pysassc ./sass/cinnamon-dark.scss cinnamon-dark.css
115 changes: 75 additions & 40 deletions cinnamon-shell/upstream/sass/_colors.scss
Original file line number Diff line number Diff line change
@@ -1,36 +1,88 @@
// When color definition differs for dark and light variant,
// it gets @if ed depending on $variant

// We need to set this first because we use it to tint many
// of the remaining colors
$selected_bg_color: if($variant == 'light', #35a854, #35a854);

$base_color: if($variant =='light', mix($selected_bg_color, #f4f4f4, 0%), mix($selected_bg_color, #404040, 0%));
$text_color: if($variant == 'light', #303030, #D3D3D3);
$bg_color: if($variant == 'light', mix($selected_bg_color, #e8e8e8, 0%), mix($selected_bg_color, #2f2f2f, 0%));
$fg_color: if($variant =='light', #303030, transparentize(white, 0.13));

$accent_color: #35a854;
$panel_bg: null;
$panel_fg: null;
$bg_color: null;
$bg_color2: null;
$bg_color3: null;
$bg_color4: null;
$panel_active_bg: null;
$borders_color: null;
$separator_color: null;
$text_color: null;
$fg_color: null;
$noaccent_selected_fg_color: null;
$dim_color: null;
$link_color: null;
$osd_destructive_color: null;
$insensitive_fg_color: null;
$entry_border: null;
$button_bg: null;
$corner_bar_highlighted: null;

@if $variant == 'light' {
// Light Variant Colors
$bg_color: #ebebed;
$bg_color2: darken($bg_color, 9%);
$bg_color3: darken($bg_color, 22%);
$bg_color4: darken($bg_color, 16%);
$panel_bg: lighten($bg_color, 3%);
$panel_active_bg: $bg_color2;
$borders_color: darken($bg_color, 20%);
$separator_color: darken($bg_color, 15%);
$text_color: #303030;
$panel_fg: #303030;
$fg_color: #303030;
$noaccent_selected_fg_color: $text_color;
$dim_color: lighten($text_color, 20%);
$link_color: darken($accent_color,10%);
$osd_destructive_color: #F04A50;
$insensitive_fg_color: transparentize($fg_color, 0.45);
$entry_border: #cfd6e6;
$button_bg: $bg_color3;
$corner_bar_highlighted: darken($borders_color, 10%);
} @else {
// Dark Variant Colors
$bg_color: #222226;
$bg_color2: lighten($bg_color, 6%);
$bg_color3: lighten($bg_color, 14%);
$bg_color4: lighten($bg_color, 9%);
$panel_bg: darken($bg_color, 2%);
$panel_active_bg: mix($bg_color3, $accent_color, 80%);
$borders_color: $bg_color2;
$separator_color: lighten($bg_color, 2%);
$panel_fg: #e1e1e1;
$text_color: #D3D3D3;
$fg_color: #e1e1e1;
$noaccent_selected_fg_color: #ffffff;
$dim_color: darken($text_color, 20%);
$link_color: lighten($accent_color,20%);
$osd_destructive_color: #c01c28;
$insensitive_fg_color: transparentize($fg_color, 0.55);
$entry_border: $borders_color;
$button_bg: $bg_color2;
$corner_bar_highlighted: lighten($borders_color, 10%);
}


// General
$selected_fg_color: #ffffff;
$radius: 6px;

$borders_color: if($variant =='light', darken($bg_color, 20%), darken($bg_color, 6%));

$separator_color: if($variant == 'light', darken($bg_color, 15%), darken($bg_color, 6%));

$link_color: if($variant == 'light', darken($selected_bg_color,10%),
lighten($selected_bg_color,20%));
// Borders and separators
$menus_border_color: transparentize(black, 1.0);
$shadow_color: rgba(0, 0, 0, 0.5);

$warning_color: #F27835;
$error_color: #FC4138;
$destructive_color: #F04A50;

$insensitive_fg_color: if($variant == 'light', transparentize($fg_color, 0.45), transparentize($fg_color, 0.55));

$tooltip_bg_color: transparentize(mix($selected_bg_color, black, 95%), 0.05);
$tooltip_bg_color: transparentize(mix($accent_color, black, 95%), 0.05);
$tooltip_fg_color: $selected_fg_color;
$tooltip_border_color: #d0d0d0;

$osd_fg_color: #c3c3c3;
$osd_bg_color: #353535;
$osd_bg_color: #303030;

$osd_button_bg: transparentize(lighten($osd_bg_color, 22%), 0.6);
$osd_button_border: transparentize(darken($osd_bg_color, 20%), 0.6);
Expand All @@ -40,24 +92,7 @@ $osd_entry_border: transparentize(darken($osd_bg_color, 12%), 0.6);

$osd_insensitive_fg_color: mix($osd_fg_color, opacify($osd_bg_color, 1), 30%);

$panel_bg: $bg_color;
$panel_fg: $fg_color;

$entry_bg: if($variant=='light', $base_color, lighten($base_color, 0%));
$entry_border: if($variant == 'light', #cfd6e6, darken($borders_color, 0%));

$button_bg: if($variant == 'light', lighten($bg_color, 2%), lighten($base_color, 2%));
$entry_bg: $bg_color2;
$button_border: $entry_border;

// Colors used for highlights in places where we don't want to use accents
$noaccent_light_bg_color: #c0c0c0;
$noaccent_light_fg_color: $text_color;
$noaccent_dark_bg_color: #525352;
$noaccent_dark_fg_color: #ffffff;
$noaccent_selected_bg_color: if($variant=='light', $noaccent_light_bg_color, $noaccent_dark_bg_color);
$noaccent_selected_fg_color: if($variant=='light', $noaccent_light_fg_color, $noaccent_dark_fg_color);

$applet_separator_color: if($variant == 'light', darken($bg_color, 15%), rgba(255,255,255, 0.12));

$corner_bar_unhighlighted: $applet_separator_color;
$corner_bar_highlighted: if($variant == 'light', darken($applet_separator_color, 10%), opacify($applet_separator_color, .1));
$corner_bar_unhighlighted: $borders_color;
Loading