github/WhiteSur-gtk-theme
4
0
Fork 0
mirror of https://github.com/vinceliuice/WhiteSur-gtk-theme.git synced 2026-07-08 00:06:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add monterey style

Browse Source
This commit is contained in:
Vince
2021-07-19 22:24:56 +08:00
parent b19f51e825
commit 7bf095f837
10 changed files with 125 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/main/gnome-shell/gnome-shell-theme.gresource.xml
View File

@@ -16,6 +16,7 @@
<file>assets/window-close-active.svg</file>
<file>assets/window-close-symbolic.svg</file>
<file>assets/activities.svg</file>
<file>assets/activities-white.svg</file>
<file>assets/view-app-grid.svg</file>
<file>assets/background.png</file>
<file>icons/scalable/actions/color-pick.svg</file>

14
src/sass/_colors.scss
View File

@@ -158,10 +158,18 @@ $submenu_bg_color: if($variant == 'light', rgba(white, 1), rgba
// Panel colors
$panel_bg: if($variant == 'light', #f1f1f1, #2a2a2a);
$panel_fg: if($trans == 'true', white, $text_color);
@if $trans == 'true' { $panel_bg: if($variant == 'light', rgba(white, $panel_opacity/2 + 0.08), rgba(black, $panel_opacity)); }
@if $black == 'true' { $panel_fg: $text_color; }
@if $trans == 'true' {
$panel_bg: if($variant == 'light', rgba(white, $panel_opacity/2 + 0.08), rgba(black, $panel_opacity));
}
$panel_fg: if($trans == 'true' and $panel_font == 'white', $light_fg_color, $text_color);
$panel_alt_fg: if($trans == 'true' and $panel_font == 'white', $light_alt_fg_color, $alt_fg_color);
$panel_hint_fg: if($trans == 'true' and $panel_font == 'white', $light_hint_fg_color, $hint_fg_color);
$panel_disabled_fg: if($trans == 'true' and $panel_font == 'white', $light_disabled_fg_color, $disabled_fg_color);
$panel_alt_disabled_fg: if($trans == 'true' and $panel_font == 'white', $light_alt_disabled_fg_color, $alt_disabled_fg_color);
$panel_track: if($trans == 'true' and $panel_font == 'white', $light_track_color, $track_color);
$panel_divider: if($trans == 'true' and $panel_font == 'white', $light_divider_color, $divider_color);
$dash_bg: if($variant == 'light', rgba(#d1d1d1, $panel_opacity + 0.33), rgba(#222222, $panel_opacity/2 + 0.6));
$dash_fg: if($variant == 'light', black, white);

3
src/sass/_gtk-base.scss
View File

@@ -1,5 +1,4 @@
// Theme base options
$laptop: 'false';
$laptop: 'true';
$trans: 'true';
$black: 'false'; // panel font color
$theme: 'default';

8
src/sass/_theme-options.scss
View File

@@ -17,5 +17,11 @@ $panel_opacity: 0.15;
// Gnome-shell show apps button style
$showapps_button: 'bigsur';
// maximized window radius
// Maximized window radius
$max_window_style: 'square';
// Panel font color
$panel_font: 'white';
// Monterey style
$monterey: 'false';

7
src/sass/_variables.scss
View File

@@ -77,8 +77,6 @@ $button_transition: all $shorter_duration $ease-out-quad;
$backdrop_transition: $longer_duration ease-out;
// Shadow
$panel_shadow: 0 0 10px rgba(black, 0.35), 0 0 24px rgba(black, 0.30);
$panel_asset_shadow: 0 1px 3px 3px rgba(black, 0.15);
$shadow_0: 0 1px 2px 0 rgba(black, 0.1), 0 2px 2px 0 rgba(black, 0.05); // Slider hover shadow
$shadow_1: 0 1px 1px 0 rgba(black, 0.12), 0 1px 2px 0 rgba(black, 0.06); // Header-button shadow
$shadow_2: 0 1px 1px 0 rgba(black, 0.1), 0 1px 2px 0 rgba(black, 0.05); // Slider normal shadow
@@ -86,6 +84,5 @@ $shadow_3: 0 1px 1px 0 rgba(black, 0.03), 0 1px 2px 0 rgba(black, 0.01); // N
$shadow_4: 0 2px 3px 0 rgba(black, 0.2), 0 3px 5px 0 rgba(black, 0.15); // Switch-slider hover shadow
$shadow_5: 0 1px 2px 0 rgba(black, 0.15), 0 2px 3px 0 rgba(black, 0.1); // Switch-slider normal shadow
$shadow_6: 0 0 8px rgba(black, 0.2), 0 0 4px rgba(black, 0.3); // Switch-slider normal shadow
$text_shadow: 0 -1px rgba(white, 0.04), -1px 0 rgba(black, 0.05),
1px 0 rgba(black, 0.05), 0 1px rgba(black, 0.3),
0 2px rgba(black, 0.05); // text and icon shadow
$panel_asset_shadow: if($monterey == 'true' or $trans == 'false', none, 0 1px 3px 3px rgba(black, 0.15));

2
src/sass/gnome-shell/common/_base.scss
View File

@@ -12,7 +12,7 @@ $popover_bubble_bg: if($variant == 'light', rgba(white, 0.95), rgba(lighten($bas
&:hover, &:focus {
color: $fg_color;
background-color: if($variant == 'light', rgba($popover_bubble_bg, 1), rgba(lighten($popover_bubble_bg, 5%), 1));
box-shadow: 0 3px 5px rgba(black, 0.1);
box-shadow: 0 2px 3px rgba(black, 0.1) !important;
}
&:active {

12
src/sass/gnome-shell/common/_panel.scss
View File

@@ -80,12 +80,12 @@
&:hover {
color: $panel_fg;
background-color: if($trans == 'false' and $variant == 'light', $divider_color, $light_divider_color);
background-color: $panel_divider;
}
&:active, &:overview, &:focus, &:checked {
&, &:hover {
background-color: if($trans == 'false' and $variant == 'light', $track_color, $light_track_color);
background-color: $panel_track;
color: $panel_fg;
box-shadow: none;
}
@@ -217,9 +217,11 @@
// > * { background-image: url("assets/activities-active.svg"); }
}
@if $variant == 'light' and $black == 'true' {
&:overview {
> * { background-image: url("assets/activities-white.svg"); }
@if $variant == 'light' {
@if $panel_font == 'black' or $trans == 'false' {
&:overview {
> * { background-image: url("assets/activities-white.svg"); }
}
}
}
}