├── material-you-theme@asubbiah.com ├── shell │ ├── 42 │ │ ├── gnome-shell-sass │ │ │ ├── widgets │ │ │ │ ├── _buttons.scss │ │ │ │ ├── _hotplug.scss │ │ │ │ ├── _overview.scss │ │ │ │ ├── _base.scss │ │ │ │ ├── _corner-ripple.scss │ │ │ │ ├── _switches.scss │ │ │ │ ├── _search-entry.scss │ │ │ │ ├── _entries.scss │ │ │ │ ├── _workspace-switcher.scss │ │ │ │ ├── _a11y.scss │ │ │ │ ├── _scrollbars.scss │ │ │ │ ├── _workspace-thumbnails.scss │ │ │ │ ├── _check-box.scss │ │ │ │ ├── _slider.scss │ │ │ │ ├── _ibus-popup.scss │ │ │ │ ├── _network-dialog.scss │ │ │ │ ├── _window-picker.scss │ │ │ │ ├── _osd.scss │ │ │ │ ├── _misc.scss │ │ │ │ ├── _notifications.scss │ │ │ │ ├── _switcher-popup.scss │ │ │ │ ├── _screen-shield.scss │ │ │ │ ├── _dash.scss │ │ │ │ └── _search-results.scss │ │ │ ├── _palette.scss │ │ │ ├── _widgets.scss │ │ │ └── gnome-shell-sass.doap │ │ ├── gnome-shell.scss │ │ ├── toggle-on-hc.svg │ │ ├── toggle-on-light.svg │ │ ├── toggle-on.svg │ │ ├── toggle-off-light.svg │ │ ├── toggle-off.svg │ │ ├── pad-osd.css │ │ ├── toggle-off-hc.svg │ │ ├── calendar-today-light.svg │ │ ├── calendar-today.svg │ │ ├── gnome-shell-high-contrast.scss │ │ ├── checkbox-off.svg │ │ ├── checkbox.svg │ │ ├── checkbox-off-focused.svg │ │ ├── checkbox-focused.svg │ │ └── meson.build │ ├── 43 │ │ ├── gnome-shell.scss │ │ ├── gnome-shell-sass │ │ │ ├── widgets │ │ │ │ ├── _buttons.scss │ │ │ │ ├── _hotplug.scss │ │ │ │ ├── _overview.scss │ │ │ │ ├── _base.scss │ │ │ │ ├── _corner-ripple.scss │ │ │ │ ├── _switches.scss │ │ │ │ ├── _search-entry.scss │ │ │ │ ├── _entries.scss │ │ │ │ ├── _workspace-switcher.scss │ │ │ │ ├── _a11y.scss │ │ │ │ ├── _scrollbars.scss │ │ │ │ ├── _workspace-thumbnails.scss │ │ │ │ ├── _check-box.scss │ │ │ │ ├── _slider.scss │ │ │ │ ├── _ibus-popup.scss │ │ │ │ ├── _window-picker.scss │ │ │ │ ├── _osd.scss │ │ │ │ ├── _misc.scss │ │ │ │ ├── _notifications.scss │ │ │ │ ├── _switcher-popup.scss │ │ │ │ ├── _screen-shield.scss │ │ │ │ ├── _dash.scss │ │ │ │ └── _search-results.scss │ │ │ ├── _palette.scss │ │ │ ├── _widgets.scss │ │ │ └── gnome-shell-sass.doap │ │ ├── toggle-on-hc.svg │ │ ├── toggle-on-light.svg │ │ ├── toggle-on.svg │ │ ├── toggle-off-light.svg │ │ ├── toggle-off.svg │ │ ├── pad-osd.css │ │ ├── toggle-off-hc.svg │ │ ├── calendar-today-light.svg │ │ ├── calendar-today.svg │ │ ├── gnome-shell-high-contrast.scss │ │ ├── checkbox-off.svg │ │ ├── checkbox.svg │ │ ├── checkbox-off-focused.svg │ │ ├── checkbox-focused.svg │ │ └── meson.build │ ├── 44 │ │ ├── gnome-shell-sass │ │ │ ├── NEWS │ │ │ ├── widgets │ │ │ │ ├── _hotplug.scss │ │ │ │ ├── _overview.scss │ │ │ │ ├── _search-entry.scss │ │ │ │ ├── _base.scss │ │ │ │ ├── _buttons.scss │ │ │ │ ├── _entries.scss │ │ │ │ ├── _corner-ripple.scss │ │ │ │ ├── _switches.scss │ │ │ │ ├── _workspace-switcher.scss │ │ │ │ ├── _a11y.scss │ │ │ │ ├── _scrollbars.scss │ │ │ │ ├── _check-box.scss │ │ │ │ ├── _slider.scss │ │ │ │ ├── _workspace-thumbnails.scss │ │ │ │ ├── _ibus-popup.scss │ │ │ │ ├── _misc.scss │ │ │ │ ├── _window-picker.scss │ │ │ │ ├── _osd.scss │ │ │ │ ├── _notifications.scss │ │ │ │ ├── _switcher-popup.scss │ │ │ │ ├── _dash.scss │ │ │ │ └── _search-results.scss │ │ │ ├── README.md │ │ │ ├── _palette.scss │ │ │ ├── _widgets.scss │ │ │ └── gnome-shell-sass.doap │ │ ├── gnome-shell.scss │ │ ├── toggle-on-hc.svg │ │ ├── toggle-on-light.svg │ │ ├── toggle-on.svg │ │ ├── toggle-off-light.svg │ │ ├── toggle-off.svg │ │ ├── pad-osd.css │ │ ├── toggle-off-hc.svg │ │ ├── calendar-today-light.svg │ │ ├── calendar-today.svg │ │ ├── gnome-shell-high-contrast.scss │ │ ├── checkbox-off.svg │ │ ├── checkbox.svg │ │ ├── checkbox-off-focused.svg │ │ ├── checkbox-focused.svg │ │ ├── README.md │ │ └── meson.build │ └── 45 │ │ ├── gnome-shell-sass │ │ ├── NEWS │ │ ├── widgets │ │ │ ├── _hotplug.scss │ │ │ ├── _overview.scss │ │ │ ├── _search-entry.scss │ │ │ ├── _base.scss │ │ │ ├── _buttons.scss │ │ │ ├── _entries.scss │ │ │ ├── _corner-ripple.scss │ │ │ ├── _switches.scss │ │ │ ├── _workspace-switcher.scss │ │ │ ├── _a11y.scss │ │ │ ├── _scrollbars.scss │ │ │ ├── _check-box.scss │ │ │ ├── _slider.scss │ │ │ ├── _workspace-thumbnails.scss │ │ │ ├── _ibus-popup.scss │ │ │ ├── _misc.scss │ │ │ ├── _window-picker.scss │ │ │ ├── _osd.scss │ │ │ ├── _notifications.scss │ │ │ ├── _switcher-popup.scss │ │ │ ├── _dash.scss │ │ │ └── _search-results.scss │ │ ├── README.md │ │ ├── _palette.scss │ │ ├── _widgets.scss │ │ └── gnome-shell-sass.doap │ │ ├── gnome-shell.scss │ │ ├── toggle-on-hc.svg │ │ ├── toggle-on-light.svg │ │ ├── toggle-on.svg │ │ ├── toggle-off-light.svg │ │ ├── toggle-off.svg │ │ ├── pad-osd.css │ │ ├── toggle-off-hc.svg │ │ ├── calendar-today-light.svg │ │ ├── calendar-today.svg │ │ ├── gnome-shell-high-contrast.scss │ │ ├── checkbox-off.svg │ │ ├── checkbox.svg │ │ ├── checkbox-off-focused.svg │ │ ├── checkbox-focused.svg │ │ ├── README.md │ │ └── meson.build ├── package.json ├── schemas │ ├── gschemas.compiled │ └── org.gnome.shell.extensions.material-you-theme.gschema.xml ├── metadata.json ├── utils │ ├── ext_utils.js │ ├── image_utils.js │ └── string_utils.js ├── po │ ├── es.po │ └── es.po~ ├── palettes │ ├── tonal_palette.js │ └── core_palette.js └── quantize │ ├── quantizer_map.js │ ├── lab_point_provider.js │ └── quantizer_celebi.js ├── material-you-theme@asubbiah.com.shell-extension.zip ├── Makefile └── .gitignore /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/NEWS: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/NEWS: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "dependencies": { 3 | "sass": "^1.54.4" 4 | } 5 | } -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com.shell-extension.zip: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/avanisubbiah/material-you-theme/HEAD/material-you-theme@asubbiah.com.shell-extension.zip -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/schemas/gschemas.compiled: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/avanisubbiah/material-you-theme/HEAD/material-you-theme@asubbiah.com/schemas/gschemas.compiled -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_buttons.scss: -------------------------------------------------------------------------------- 1 | /* Buttons */ 2 | 3 | .button { 4 | @extend %button; // that's it 5 | min-height: 22px; 6 | } 7 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell.scss: -------------------------------------------------------------------------------- 1 | $variant: 'dark'; 2 | 3 | @import "gnome-shell-sass/_colors"; //use gtk colors 4 | @import "gnome-shell-sass/_drawing"; 5 | @import "gnome-shell-sass/_common"; 6 | @import "gnome-shell-sass/_widgets"; 7 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell.scss: -------------------------------------------------------------------------------- 1 | $variant: 'dark'; 2 | 3 | @import "gnome-shell-sass/_colors"; //use gtk colors 4 | @import "gnome-shell-sass/_drawing"; 5 | @import "gnome-shell-sass/_common"; 6 | @import "gnome-shell-sass/_widgets"; 7 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell.scss: -------------------------------------------------------------------------------- 1 | $variant: 'dark'; 2 | 3 | @import "gnome-shell-sass/_colors"; //use gtk colors 4 | @import "gnome-shell-sass/_drawing"; 5 | @import "gnome-shell-sass/_common"; 6 | @import "gnome-shell-sass/_widgets"; 7 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell.scss: -------------------------------------------------------------------------------- 1 | $variant: 'dark'; 2 | 3 | @import "gnome-shell-sass/_colors"; //use gtk colors 4 | @import "gnome-shell-sass/_drawing"; 5 | @import "gnome-shell-sass/_common"; 6 | @import "gnome-shell-sass/_widgets"; 7 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_buttons.scss: -------------------------------------------------------------------------------- 1 | /* Buttons */ 2 | 3 | .button { 4 | @extend %button; // that's it 5 | min-height: 22px; 6 | } 7 | 8 | .icon-button { 9 | @extend %icon_button; // that's it 10 | } 11 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_hotplug.scss: -------------------------------------------------------------------------------- 1 | // hotplug 2 | 3 | .hotplug-notification-item { 4 | @extend %bubble_button; 5 | } 6 | 7 | .hotplug-notification-item-icon { 8 | icon-size: 24px; 9 | padding: 0 4px; 10 | } 11 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_hotplug.scss: -------------------------------------------------------------------------------- 1 | // hotplug 2 | 3 | .hotplug-notification-item { 4 | @extend %bubble_button; 5 | } 6 | 7 | .hotplug-notification-item-icon { 8 | icon-size: 24px; 9 | padding: 0 4px; 10 | } 11 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_hotplug.scss: -------------------------------------------------------------------------------- 1 | // hotplug 2 | 3 | .hotplug-notification-item { 4 | @extend %bubble_button; 5 | } 6 | 7 | .hotplug-notification-item-icon { 8 | icon-size: 24px; 9 | padding: 0 4px; 10 | } 11 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_hotplug.scss: -------------------------------------------------------------------------------- 1 | // hotplug 2 | 3 | .hotplug-notification-item { 4 | @extend %bubble_button; 5 | } 6 | 7 | .hotplug-notification-item-icon { 8 | icon-size: 24px; 9 | padding: 0 4px; 10 | } 11 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_overview.scss: -------------------------------------------------------------------------------- 1 | /* OVERVIEW */ 2 | 3 | .controls-manager, .secondary-monitor-workspaces { 4 | spacing: $base_padding * 2; 5 | } 6 | 7 | #overviewGroup { 8 | background-color: $system_bg_color; 9 | } 10 | 11 | .overview-controls { 12 | padding-bottom: 32px; 13 | } 14 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_overview.scss: -------------------------------------------------------------------------------- 1 | /* OVERVIEW */ 2 | 3 | .controls-manager, .secondary-monitor-workspaces { 4 | spacing: $base_padding * 2; 5 | } 6 | 7 | #overviewGroup { 8 | background-color: $system_bg_color; 9 | } 10 | 11 | .overview-controls { 12 | padding-bottom: 32px; 13 | } 14 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_overview.scss: -------------------------------------------------------------------------------- 1 | /* OVERVIEW */ 2 | 3 | .controls-manager, .secondary-monitor-workspaces { 4 | spacing: $base_padding * 2; 5 | } 6 | 7 | #overviewGroup { 8 | background-color: $system_base_color; 9 | } 10 | 11 | .overview-controls { 12 | padding-bottom: 32px; 13 | } 14 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_overview.scss: -------------------------------------------------------------------------------- 1 | /* OVERVIEW */ 2 | 3 | .controls-manager, .secondary-monitor-workspaces { 4 | spacing: $base_padding * 2; 5 | } 6 | 7 | #overviewGroup { 8 | background-color: $system_base_color; 9 | } 10 | 11 | .overview-controls { 12 | padding-bottom: 32px; 13 | } 14 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/metadata.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "Material You Color Theming", 3 | "description": "Applies generated libadwaita theme from wallpaper using Material You", 4 | "uuid": "material-you-theme@asubbiah.com", 5 | "gettext-domain": "material-you-theme", 6 | "shell-version": [ 7 | "45" 8 | ], 9 | "url": "https://github.com/avanishsubbiah/material-you-theme", 10 | "version": 17 11 | } 12 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_search-entry.scss: -------------------------------------------------------------------------------- 1 | // Search entry 2 | .search-entry { 3 | border-radius: 99px; 4 | margin-top: $base_padding*2; 5 | margin-bottom: $base_padding; 6 | width: 24em; 7 | 8 | @extend %system_entry; 9 | 10 | .search-entry-icon { 11 | icon-size: $base_icon_size; 12 | margin-top: 2px; // center vertically 13 | padding: 0 4px; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_search-entry.scss: -------------------------------------------------------------------------------- 1 | // Search entry 2 | .search-entry { 3 | border-radius: 99px; 4 | margin-top: $base_padding*2; 5 | margin-bottom: $base_padding; 6 | width: 24em; 7 | 8 | @extend %system_entry; 9 | 10 | .search-entry-icon { 11 | icon-size: $base_icon_size; 12 | margin-top: 2px; // center vertically 13 | padding: 0 4px; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_base.scss: -------------------------------------------------------------------------------- 1 | // Links 2 | .shell-link { 3 | color: $link_color; 4 | 5 | &:hover { 6 | color: lighten($link_color, 10%); 7 | } 8 | } 9 | 10 | // Outline for low res icons 11 | .lowres-icon { 12 | icon-shadow: 0 1px 2px rgba(black, 0.3); 13 | } 14 | 15 | // Dropshadow for large icons 16 | .icon-dropshadow { 17 | icon-shadow: 0 1px 5px rgba(black, 0.8); 18 | } 19 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_base.scss: -------------------------------------------------------------------------------- 1 | // Links 2 | .shell-link { 3 | color: $link_color; 4 | 5 | &:hover { 6 | color: lighten($link_color, 10%); 7 | } 8 | } 9 | 10 | // Outline for low res icons 11 | .lowres-icon { 12 | icon-shadow: 0 1px 2px rgba(black, 0.3); 13 | } 14 | 15 | // Dropshadow for large icons 16 | .icon-dropshadow { 17 | icon-shadow: 0 1px 5px rgba(black, 0.8); 18 | } 19 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_base.scss: -------------------------------------------------------------------------------- 1 | // Links 2 | .shell-link { 3 | color: $link_color; 4 | 5 | &:hover { 6 | color: lighten($link_color, 10%); 7 | } 8 | } 9 | 10 | // Outline for low res icons 11 | .lowres-icon { 12 | icon-shadow: 0 1px 2px rgba(black, 0.3); 13 | } 14 | 15 | // Dropshadow for large icons 16 | .icon-dropshadow { 17 | icon-shadow: 0 1px 5px rgba(black, 0.8); 18 | } 19 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_base.scss: -------------------------------------------------------------------------------- 1 | // Links 2 | .shell-link { 3 | color: $link_color; 4 | 5 | &:hover { 6 | color: lighten($link_color, 10%); 7 | } 8 | } 9 | 10 | // Outline for low res icons 11 | .lowres-icon { 12 | icon-shadow: 0 1px 2px rgba(black, 0.3); 13 | } 14 | 15 | // Dropshadow for large icons 16 | .icon-dropshadow { 17 | icon-shadow: 0 1px 5px rgba(black, 0.8); 18 | } 19 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_buttons.scss: -------------------------------------------------------------------------------- 1 | /* Buttons */ 2 | 3 | .button { 4 | @extend %button; // that's it 5 | min-height: 22px; 6 | } 7 | 8 | .icon-button { 9 | @extend .button; // same style as buttons 10 | 11 | border-radius: 99px; 12 | padding: $base_padding*2; 13 | min-height: 16px; 14 | 15 | StIcon { 16 | icon-size: $base_icon_size; 17 | -st-icon-style: symbolic; 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_buttons.scss: -------------------------------------------------------------------------------- 1 | /* Buttons */ 2 | 3 | .button { 4 | @extend %button; // that's it 5 | min-height: 22px; 6 | } 7 | 8 | .icon-button { 9 | @extend .button; // same style as buttons 10 | 11 | border-radius: 99px; 12 | padding: $base_padding*2; 13 | min-height: 16px; 14 | 15 | StIcon { 16 | icon-size: $base_icon_size; 17 | -st-icon-style: symbolic; 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_entries.scss: -------------------------------------------------------------------------------- 1 | /* Entries */ 2 | 3 | StEntry { 4 | @extend %entry; 5 | 6 | StIcon.capslock-warning { 7 | icon-size: $base_icon_size; 8 | warning-color: $warning_color; 9 | padding: 0 4px; 10 | } 11 | 12 | StIcon.peek-password { 13 | icon-size: $base_icon_size; 14 | padding: 0 4px; 15 | } 16 | 17 | StLabel.hint-text { 18 | margin-left: 2px; 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_entries.scss: -------------------------------------------------------------------------------- 1 | /* Entries */ 2 | 3 | StEntry { 4 | @extend %entry; 5 | 6 | StIcon.capslock-warning { 7 | icon-size: $base_icon_size; 8 | warning-color: $warning_color; 9 | padding: 0 4px; 10 | } 11 | 12 | StIcon.peek-password { 13 | icon-size: $base_icon_size; 14 | padding: 0 4px; 15 | } 16 | 17 | StLabel.hint-text { 18 | margin-left: 2px; 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/toggle-on-hc.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/toggle-on-hc.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/toggle-on-hc.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/toggle-on-hc.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/toggle-on-light.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/toggle-on-light.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/toggle-on-light.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/toggle-on-light.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/toggle-on.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/toggle-on.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/toggle-on.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/toggle-on.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/utils/ext_utils.js: -------------------------------------------------------------------------------- 1 | import Gio from 'gi://Gio'; 2 | 3 | 4 | export function check_npm(extensiondir) { 5 | const file = Gio.File.new_for_path(extensiondir + "/node_modules/sass/sass.js"); 6 | return file.query_exists(null); 7 | } 8 | 9 | export function check_wal() { 10 | try { 11 | const process = Gio.Subprocess.new( 12 | ["wal", "-v"], 13 | Gio.SubprocessFlags.NONE 14 | ); 15 | process.wait(null); 16 | return process.get_successful(); 17 | } catch (e) { 18 | log(e); 19 | return false; 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/toggle-off-light.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/toggle-off-light.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/toggle-off-light.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/toggle-off-light.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_corner-ripple.scss: -------------------------------------------------------------------------------- 1 | /* Activities Ripple */ 2 | 3 | $ripple_size: 50px; 4 | 5 | .ripple-box { 6 | background-color: rgba(255,255,255,0.2); 7 | box-shadow: 0 0 2px 2px rgba(255,255,255,0.2); 8 | // plus + 2px for the border (box-shadow) 9 | width: $ripple_size + 2px; 10 | height: $ripple_size + 2px; 11 | border-radius: 0 0 $ripple_size + 2px 0; // radius equals the size of the box to give us the curve 12 | 13 | // just a simple change to the border radius position 14 | &:rtl { border-radius: 0 0 0 $ripple_size + 2px; } 15 | } 16 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_corner-ripple.scss: -------------------------------------------------------------------------------- 1 | /* Activities Ripple */ 2 | 3 | $ripple_size: 50px; 4 | 5 | .ripple-box { 6 | background-color: rgba(255,255,255,0.2); 7 | box-shadow: 0 0 2px 2px rgba(255,255,255,0.2); 8 | // plus + 2px for the border (box-shadow) 9 | width: $ripple_size + 2px; 10 | height: $ripple_size + 2px; 11 | border-radius: 0 0 $ripple_size + 2px 0; // radius equals the size of the box to give us the curve 12 | 13 | // just a simple change to the border radius position 14 | &:rtl { border-radius: 0 0 0 $ripple_size + 2px; } 15 | } 16 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_corner-ripple.scss: -------------------------------------------------------------------------------- 1 | /* Activities Ripple */ 2 | 3 | $ripple_size: 50px; 4 | 5 | .ripple-box { 6 | background-color: rgba(255,255,255,0.2); 7 | box-shadow: 0 0 2px 2px rgba(255,255,255,0.2); 8 | // plus + 2px for the border (box-shadow) 9 | width: $ripple_size + 2px; 10 | height: $ripple_size + 2px; 11 | border-radius: 0 0 $ripple_size + 2px 0; // radius equals the size of the box to give us the curve 12 | 13 | // just a simple change to the border radius position 14 | &:rtl { border-radius: 0 0 0 $ripple_size + 2px; } 15 | } 16 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/po/es.po: -------------------------------------------------------------------------------- 1 | msgid "" 2 | msgstr "" 3 | "Project-Id-Version: \n" 4 | "Report-Msgid-Bugs-To: \n" 5 | "POT-Creation-Date: 2023-10-18 15:14+0200\n" 6 | "PO-Revision-Date: \n" 7 | "Last-Translator: \n" 8 | "Language-Team: \n" 9 | "Language: es\n" 10 | "MIME-Version: 1.0\n" 11 | "Content-Type: text/plain; charset=UTF-8\n" 12 | "Content-Transfer-Encoding: 8bit\n" 13 | "X-Generator: Poedit 3.1.1\n" 14 | 15 | #: material-you-theme@asubbiah.com/extension.js:136 16 | msgid "Light" 17 | msgstr "Claro" 18 | 19 | #: material-you-theme@asubbiah.com/extension.js:141 20 | msgid "Dark" 21 | msgstr "Oscuro" 22 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/po/es.po~: -------------------------------------------------------------------------------- 1 | msgid "" 2 | msgstr "" 3 | "Project-Id-Version: \n" 4 | "Report-Msgid-Bugs-To: \n" 5 | "POT-Creation-Date: 2023-10-18 12:26+0200\n" 6 | "PO-Revision-Date: \n" 7 | "Last-Translator: \n" 8 | "Language-Team: \n" 9 | "Language: es\n" 10 | "MIME-Version: 1.0\n" 11 | "Content-Type: text/plain; charset=UTF-8\n" 12 | "Content-Transfer-Encoding: 8bit\n" 13 | "X-Generator: Poedit 3.1.1\n" 14 | 15 | #: material-you-theme@asubbiah.com/extension.js:137 16 | msgid "Light" 17 | msgstr "Claro" 18 | 19 | #: material-you-theme@asubbiah.com/extension.js:142 20 | msgid "Dark" 21 | msgstr "Oscuro" 22 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/toggle-off.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/toggle-off.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/toggle-off.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/toggle-off.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_corner-ripple.scss: -------------------------------------------------------------------------------- 1 | /* Activities Ripple */ 2 | 3 | $ripple_size: 50px; 4 | 5 | .ripple-box { 6 | background-color: lighten(transparentize($selected_bg_color, 0.7), 40%); 7 | box-shadow: 0 0 2px 2px lighten($selected_bg_color, 20%); 8 | // plus + 2px for the border (box-shadow) 9 | width: $ripple_size + 2px; 10 | height: $ripple_size + 2px; 11 | border-radius: 0 0 $ripple_size + 2px 0; // radius equals the size of the box to give us the curve 12 | 13 | // just a simple change to the border radius position 14 | &:rtl { border-radius: 0 0 0 $ripple_size + 2px; } 15 | } 16 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/pad-osd.css: -------------------------------------------------------------------------------- 1 | .Leader { 2 | stroke-width: .5 !important; 3 | stroke: #535353; 4 | fill: none !important; 5 | } 6 | 7 | .Button { 8 | stroke-width: .25; 9 | stroke: #ededed; 10 | fill: #ededed; 11 | } 12 | 13 | .Ring { 14 | stroke-width: .5 !important; 15 | stroke: #535353 !important; 16 | fill: none !important; 17 | } 18 | 19 | .Label { 20 | stroke: none !important; 21 | stroke-width: .1 !important; 22 | fill: transparent !important; 23 | } 24 | 25 | .TouchStrip, .TouchRing { 26 | stroke-width: .1 !important; 27 | stroke: #ededed !important; 28 | fill: #535353 !important; 29 | } 30 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/pad-osd.css: -------------------------------------------------------------------------------- 1 | .Leader { 2 | stroke-width: .5 !important; 3 | stroke: #535353; 4 | fill: none !important; 5 | } 6 | 7 | .Button { 8 | stroke-width: .25; 9 | stroke: #ededed; 10 | fill: #ededed; 11 | } 12 | 13 | .Ring { 14 | stroke-width: .5 !important; 15 | stroke: #535353 !important; 16 | fill: none !important; 17 | } 18 | 19 | .Label { 20 | stroke: none !important; 21 | stroke-width: .1 !important; 22 | fill: transparent !important; 23 | } 24 | 25 | .TouchStrip, .TouchRing { 26 | stroke-width: .1 !important; 27 | stroke: #ededed !important; 28 | fill: #535353 !important; 29 | } 30 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/pad-osd.css: -------------------------------------------------------------------------------- 1 | .Leader { 2 | stroke-width: .5 !important; 3 | stroke: #535353; 4 | fill: none !important; 5 | } 6 | 7 | .Button { 8 | stroke-width: .25; 9 | stroke: #ededed; 10 | fill: #ededed; 11 | } 12 | 13 | .Ring { 14 | stroke-width: .5 !important; 15 | stroke: #535353 !important; 16 | fill: none !important; 17 | } 18 | 19 | .Label { 20 | stroke: none !important; 21 | stroke-width: .1 !important; 22 | fill: transparent !important; 23 | } 24 | 25 | .TouchStrip, .TouchRing { 26 | stroke-width: .1 !important; 27 | stroke: #ededed !important; 28 | fill: #535353 !important; 29 | } 30 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_switches.scss: -------------------------------------------------------------------------------- 1 | /* Switches */ 2 | 3 | // these are equal to the size of the SVG assets 4 | $switch_height: 26px; 5 | $switch_width: 48px; 6 | 7 | .toggle-switch { 8 | color: $fg_color; 9 | height: $switch_height; 10 | width: $switch_width; 11 | background-size: contain; 12 | background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-off-light.svg"),url("resource:///org/gnome/shell/theme/toggle-off.svg")); 13 | &:checked { 14 | background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-on-light.svg"),url("resource:///org/gnome/shell/theme/toggle-on.svg")); 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/pad-osd.css: -------------------------------------------------------------------------------- 1 | .Leader { 2 | stroke-width: .5 !important; 3 | stroke: #535353; 4 | fill: none !important; 5 | } 6 | 7 | .Button { 8 | stroke-width: .25; 9 | stroke: #ededed; 10 | fill: #ededed; 11 | } 12 | 13 | .Ring { 14 | stroke-width: .5 !important; 15 | stroke: #535353 !important; 16 | fill: none !important; 17 | } 18 | 19 | .Label { 20 | stroke: none !important; 21 | stroke-width: .1 !important; 22 | font-size: .1 !important; 23 | fill: transparent !important; 24 | } 25 | 26 | .TouchStrip, .TouchRing { 27 | stroke-width: .1 !important; 28 | stroke: #ededed !important; 29 | fill: #535353 !important; 30 | } 31 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_switches.scss: -------------------------------------------------------------------------------- 1 | /* Switches */ 2 | 3 | // these are equal to the size of the SVG assets 4 | $switch_height: 26px; 5 | $switch_width: 48px; 6 | 7 | .toggle-switch { 8 | color: $fg_color; 9 | height: $switch_height; 10 | width: $switch_width; 11 | background-size: contain; 12 | background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-off-light.svg"),url("resource:///org/gnome/shell/theme/toggle-off.svg")); 13 | &:checked { 14 | background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-on-light.svg"),url("resource:///org/gnome/shell/theme/toggle-on.svg")); 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_switches.scss: -------------------------------------------------------------------------------- 1 | /* Switches */ 2 | 3 | // these are equal to the size of the SVG assets 4 | $switch_height: 26px; 5 | $switch_width: 48px; 6 | 7 | .toggle-switch { 8 | color: $fg_color; 9 | height: $switch_height; 10 | width: $switch_width; 11 | background-size: contain; 12 | background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-off-light.svg"),url("resource:///org/gnome/shell/theme/toggle-off.svg")); 13 | &:checked { 14 | background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-on-light.svg"),url("resource:///org/gnome/shell/theme/toggle-on.svg")); 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_switches.scss: -------------------------------------------------------------------------------- 1 | /* Switches */ 2 | 3 | // these are equal to the size of the SVG assets 4 | $switch_height: 26px; 5 | $switch_width: 48px; 6 | 7 | .toggle-switch { 8 | color: $fg_color; 9 | height: $switch_height; 10 | width: $switch_width; 11 | background-size: contain; 12 | background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-off-light.svg"),url("resource:///org/gnome/shell/theme/toggle-off.svg")); 13 | &:checked { 14 | background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/toggle-on-light.svg"),url("resource:///org/gnome/shell/theme/toggle-on.svg")); 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/toggle-off-hc.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/toggle-off-hc.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/toggle-off-hc.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/toggle-off-hc.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/calendar-today-light.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/calendar-today-light.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/calendar-today-light.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/calendar-today-light.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/calendar-today.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/calendar-today.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/calendar-today.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/calendar-today.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_search-entry.scss: -------------------------------------------------------------------------------- 1 | // Search entry 2 | 3 | $search_entry_width: 320px; 4 | $search_entry_height: 36px; 5 | 6 | %search_entry, 7 | .search-entry { 8 | border-radius: $search_entry_height * 0.5; // half the height 9 | 10 | margin-top: $base_padding * 2; 11 | margin-bottom: $base_padding; 12 | padding: $base_padding+1 $base_padding+3; 13 | width: $search_entry_width; 14 | 15 | @include entry(normal); 16 | &:hover { @include entry(hover);} 17 | &:focus { @include entry(focus);} 18 | &:insensitive { @include entry(insensitive);} 19 | 20 | .search-entry-icon { 21 | color: inherit; 22 | icon-size: $base_icon_size; 23 | margin-top: 2px; // center vertically 24 | padding: 0 4px; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_search-entry.scss: -------------------------------------------------------------------------------- 1 | // Search entry 2 | 3 | $search_entry_width: 320px; 4 | $search_entry_height: 36px; 5 | 6 | %search_entry, 7 | .search-entry { 8 | border-radius: $search_entry_height * 0.5; // half the height 9 | 10 | margin-top: $base_padding * 2; 11 | margin-bottom: $base_padding; 12 | padding: $base_padding+1 $base_padding+3; 13 | width: $search_entry_width; 14 | 15 | @include entry(normal); 16 | &:hover { @include entry(hover);} 17 | &:focus { @include entry(focus);} 18 | &:insensitive { @include entry(insensitive);} 19 | 20 | .search-entry-icon { 21 | color: inherit; 22 | icon-size: $base_icon_size; 23 | margin-top: 2px; // center vertically 24 | padding: 0 4px; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_entries.scss: -------------------------------------------------------------------------------- 1 | /* Entries */ 2 | 3 | StEntry { 4 | border-radius: $base_border_radius; 5 | padding: 8px; 6 | color: $fg_color; 7 | 8 | @include entry(normal); 9 | &:hover { @include entry(hover);} 10 | &:focus { @include entry(focus);} 11 | &:insensitive { @include entry(insensitive);} 12 | 13 | selection-background-color: $selected_bg_color; 14 | selected-color: $selected_fg_color; 15 | 16 | StIcon.capslock-warning { 17 | icon-size: 16px; 18 | warning-color: $warning_color; 19 | padding: 0 4px; 20 | } 21 | 22 | StIcon.peek-password { 23 | icon-size: $base_icon_size; 24 | padding: 0 4px; 25 | } 26 | 27 | StLabel.hint-text { 28 | margin-left: 2px; 29 | color: transparentize($fg_color, 0.3); 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_entries.scss: -------------------------------------------------------------------------------- 1 | /* Entries */ 2 | 3 | StEntry { 4 | border-radius: $base_border_radius; 5 | padding: 8px; 6 | color: $fg_color; 7 | 8 | @include entry(normal); 9 | &:hover { @include entry(hover);} 10 | &:focus { @include entry(focus);} 11 | &:insensitive { @include entry(insensitive);} 12 | 13 | selection-background-color: $selected_bg_color; 14 | selected-color: $selected_fg_color; 15 | 16 | StIcon.capslock-warning { 17 | icon-size: 16px; 18 | warning-color: $warning_color; 19 | padding: 0 4px; 20 | } 21 | 22 | StIcon.peek-password { 23 | icon-size: $base_icon_size; 24 | padding: 0 4px; 25 | } 26 | 27 | StLabel.hint-text { 28 | margin-left: 2px; 29 | color: transparentize($fg_color, 0.3); 30 | } 31 | } 32 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/README.md: -------------------------------------------------------------------------------- 1 | # GNOME Shell Sass 2 | GNOME Shell Sass is a project intended to allow the sharing of the 3 | theme sources in sass between gnome-shell and other projects like 4 | gnome-shell-extensions. 5 | 6 | Any changes should be done in the [GNOME Shell subtree][shell-subtree] 7 | and not the stand-alone [gnome-shell-sass repository][sass-repo]. They 8 | will then be synchronized periodically before releases. 9 | 10 | ## License 11 | GNOME Shell Sass is distributed under the terms of the GNU General Public 12 | License, version 2 or later. See the [COPYING][license] file for details. 13 | 14 | [shell-subtree]: https://gitlab.gnome.org/GNOME/gnome-shell/tree/HEAD/data/theme/gnome-shell-sass 15 | [sass-repo]: https://gitlab.gnome.org/GNOME/gnome-shell-sass 16 | [license]: COPYING 17 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/README.md: -------------------------------------------------------------------------------- 1 | # GNOME Shell Sass 2 | GNOME Shell Sass is a project intended to allow the sharing of the 3 | theme sources in sass between gnome-shell and other projects like 4 | gnome-shell-extensions. 5 | 6 | Any changes should be done in the [GNOME Shell subtree][shell-subtree] 7 | and not the stand-alone [gnome-shell-sass repository][sass-repo]. They 8 | will then be synchronized periodically before releases. 9 | 10 | ## License 11 | GNOME Shell Sass is distributed under the terms of the GNU General Public 12 | License, version 2 or later. See the [COPYING][license] file for details. 13 | 14 | [shell-subtree]: https://gitlab.gnome.org/GNOME/gnome-shell/tree/HEAD/data/theme/gnome-shell-sass 15 | [sass-repo]: https://gitlab.gnome.org/GNOME/gnome-shell-sass 16 | [license]: COPYING 17 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_workspace-switcher.scss: -------------------------------------------------------------------------------- 1 | /* Workspace Switcher */ 2 | 3 | $ws_indicator_height: $large_icon_size; 4 | $ws_dot_active: $ws_indicator_height / 3; 5 | $ws_dot_inactive: $ws_indicator_height / 6; 6 | 7 | .workspace-switcher { 8 | @extend %osd_panel; 9 | margin-bottom: 4em; 10 | spacing: $base_padding * 2; 11 | padding: $base_padding * 2 $base_padding * 3; 12 | } 13 | 14 | .ws-switcher-indicator { 15 | background-color: transparentize($osd_fg_color,0.5); 16 | padding: $ws_dot_inactive / 2; 17 | margin: ($ws_indicator_height - $ws_dot_inactive) / 2; 18 | border-radius: $ws_indicator_height; 19 | 20 | &:active { 21 | background-color: $osd_fg_color; 22 | padding: $ws_dot_active / 2; 23 | margin: ($ws_indicator_height - $ws_dot_active) / 2; 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_workspace-switcher.scss: -------------------------------------------------------------------------------- 1 | /* Workspace Switcher */ 2 | 3 | $ws_indicator_height: $large_icon_size; 4 | $ws_dot_active: $ws_indicator_height / 3; 5 | $ws_dot_inactive: $ws_indicator_height / 6; 6 | 7 | .workspace-switcher { 8 | @extend %osd_panel; 9 | margin-bottom: 4em; 10 | spacing: $base_padding * 2; 11 | padding: $base_padding * 2 $base_padding * 3; 12 | } 13 | 14 | .ws-switcher-indicator { 15 | background-color: transparentize($osd_fg_color,0.5); 16 | padding: $ws_dot_inactive / 2; 17 | margin: ($ws_indicator_height - $ws_dot_inactive) / 2; 18 | border-radius: $ws_indicator_height; 19 | 20 | &:active { 21 | background-color: $osd_fg_color; 22 | padding: $ws_dot_active / 2; 23 | margin: ($ws_indicator_height - $ws_dot_active) / 2; 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_workspace-switcher.scss: -------------------------------------------------------------------------------- 1 | /* Workspace Switcher */ 2 | 3 | $ws_indicator_height: $large_icon_size; 4 | $ws_dot_active: $ws_indicator_height / 3; 5 | $ws_dot_inactive: $ws_indicator_height / 6; 6 | 7 | .workspace-switcher { 8 | @extend %osd_panel; 9 | margin-bottom: 4em; 10 | spacing: $base_padding * 2; 11 | padding: $base_padding * 2 $base_padding * 3; 12 | } 13 | 14 | .ws-switcher-indicator { 15 | background-color: transparentize($osd_fg_color,0.5); 16 | padding: $ws_dot_inactive / 2; 17 | margin: ($ws_indicator_height - $ws_dot_inactive) / 2; 18 | border-radius: $ws_indicator_height; 19 | 20 | &:active { 21 | background-color: $osd_fg_color; 22 | padding: $ws_dot_active / 2; 23 | margin: ($ws_indicator_height - $ws_dot_active) / 2; 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_workspace-switcher.scss: -------------------------------------------------------------------------------- 1 | /* Workspace Switcher */ 2 | 3 | $ws_indicator_height: $large_icon_size; 4 | $ws_dot_active: $ws_indicator_height / 3; 5 | $ws_dot_inactive: $ws_indicator_height / 6; 6 | 7 | .workspace-switcher { 8 | @extend %osd_panel; 9 | margin-bottom: 4em; 10 | spacing: $base_padding * 2; 11 | padding: $base_padding * 2 $base_padding * 3; 12 | } 13 | 14 | .ws-switcher-indicator { 15 | background-color: transparentize($osd_fg_color,0.5); 16 | padding: $ws_dot_inactive / 2; 17 | margin: ($ws_indicator_height - $ws_dot_inactive) / 2; 18 | border-radius: $ws_indicator_height; 19 | 20 | &:active { 21 | background-color: $osd_fg_color; 22 | padding: $ws_dot_active / 2; 23 | margin: ($ws_indicator_height - $ws_dot_active) / 2; 24 | } 25 | } 26 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_a11y.scss: -------------------------------------------------------------------------------- 1 | // Pointer location 2 | .ripple-pointer-location { 3 | width: $ripple_size; 4 | height: $ripple_size; 5 | border-radius: $ripple_size * 0.5; // radius equals the size of the box to give us the curve 6 | background-color: lighten(transparentize($selected_bg_color, 0.7), 30%); 7 | box-shadow: 0 0 2px 2px lighten($selected_bg_color, 20%); 8 | } 9 | 10 | // Pointer accessibility notifications 11 | .pie-timer { 12 | width: 60px; 13 | height: 60px; 14 | -pie-border-width: 3px; 15 | -pie-border-color: $selected_bg_color; 16 | -pie-background-color: lighten(transparentize($selected_bg_color, 0.7), 40%); 17 | } 18 | 19 | // Screen zoom/Magnifier 20 | .magnifier-zoom-region { 21 | border: 2px solid $selected_bg_color; 22 | 23 | &.full-screen { border-width: 0; } 24 | } 25 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_scrollbars.scss: -------------------------------------------------------------------------------- 1 | /* Scrollbars */ 2 | 3 | StScrollView { 4 | &.vfade { -st-vfade-offset: 68px; } 5 | &.hfade { -st-hfade-offset: 68px; } 6 | } 7 | 8 | StScrollBar { 9 | padding: 0; 10 | 11 | StScrollView & { 12 | min-width: 8px; 13 | min-height: 8px; 14 | } 15 | 16 | StBin#trough { 17 | border-radius: 0; 18 | background-color: transparent; 19 | } 20 | 21 | StButton#vhandle, StButton#hhandle { 22 | border-radius: 8px; 23 | background-color: mix($fg_color, $bg_color, 30%); 24 | border: 3px solid transparent; //would be nice to margin or at least to transparent 25 | transition: 500ms all ease; 26 | &:hover {background-color: mix($fg_color, $bg_color, 50%);} 27 | &:active {background-color: mix($fg_color, $bg_color, 40%);} 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_workspace-thumbnails.scss: -------------------------------------------------------------------------------- 1 | /* Workspace pager */ 2 | 3 | // thumbnails in overview 4 | .workspace-thumbnails { 5 | visible-width: 32px; //amount visible before hover 6 | spacing: $base_padding; 7 | padding: $base_padding; 8 | 9 | .workspace-thumbnail { 10 | @extend %overview_panel; 11 | border-radius: 3px; 12 | } 13 | 14 | // drag and drop indicator 15 | .placeholder { 16 | background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); 17 | background-size: contain; 18 | width: 18px; 19 | } 20 | } 21 | 22 | // selected indicator 23 | .workspace-thumbnail-indicator { 24 | border: 3px solid $selected_bg_color; 25 | border-radius: 3px; 26 | padding: 0px; 27 | // background-color: transparentize($selected_bg_color, 0.9); 28 | } 29 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_a11y.scss: -------------------------------------------------------------------------------- 1 | // Pointer location 2 | .ripple-pointer-location { 3 | width: $ripple_size; 4 | height: $ripple_size; 5 | border-radius: $ripple_size * 0.5; // radius equals the size of the box to give us the curve 6 | background-color: lighten(transparentize($selected_bg_color, 0.7), 30%); 7 | box-shadow: 0 0 2px 2px lighten($selected_bg_color, 20%); 8 | } 9 | 10 | // Pointer accessibility notifications 11 | .pie-timer { 12 | width: 60px; 13 | height: 60px; 14 | -pie-border-width: 3px; 15 | -pie-border-color: $selected_bg_color; 16 | -pie-background-color: lighten(transparentize($selected_bg_color, 0.7), 40%); 17 | } 18 | 19 | // Screen zoom/Magnifier 20 | .magnifier-zoom-region { 21 | border: 2px solid $selected_bg_color; 22 | 23 | &.full-screen { border-width: 0; } 24 | } 25 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_scrollbars.scss: -------------------------------------------------------------------------------- 1 | /* Scrollbars */ 2 | 3 | StScrollView { 4 | &.vfade { -st-vfade-offset: 68px; } 5 | &.hfade { -st-hfade-offset: 68px; } 6 | } 7 | 8 | StScrollBar { 9 | padding: 0; 10 | 11 | StScrollView & { 12 | min-width: 8px; 13 | min-height: 8px; 14 | } 15 | 16 | StBin#trough { 17 | border-radius: 0; 18 | background-color: transparent; 19 | } 20 | 21 | StButton#vhandle, StButton#hhandle { 22 | border-radius: 8px; 23 | background-color: mix($fg_color, $bg_color, 30%); 24 | border: 3px solid transparent; //would be nice to margin or at least to transparent 25 | transition: 500ms all ease; 26 | &:hover {background-color: mix($fg_color, $bg_color, 50%);} 27 | &:active {background-color: mix($fg_color, $bg_color, 40%);} 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_workspace-thumbnails.scss: -------------------------------------------------------------------------------- 1 | /* Workspace pager */ 2 | 3 | // thumbnails in overview 4 | .workspace-thumbnails { 5 | visible-width: 32px; //amount visible before hover 6 | spacing: $base_padding; 7 | padding: $base_padding; 8 | 9 | .workspace-thumbnail { 10 | @extend %overview_panel; 11 | border-radius: 3px; 12 | } 13 | 14 | // drag and drop indicator 15 | .placeholder { 16 | background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); 17 | background-size: contain; 18 | width: 18px; 19 | } 20 | } 21 | 22 | // selected indicator 23 | .workspace-thumbnail-indicator { 24 | border: 3px solid $selected_bg_color; 25 | border-radius: 3px; 26 | padding: 0px; 27 | // background-color: transparentize($selected_bg_color, 0.9); 28 | } 29 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_a11y.scss: -------------------------------------------------------------------------------- 1 | // Pointer location 2 | .ripple-pointer-location { 3 | width: $ripple_size; 4 | height: $ripple_size; 5 | border-radius: $ripple_size * 0.5; // radius equals the size of the box to give us the curve 6 | background-color: lighten(transparentize($selected_bg_color, 0.7), 30%); 7 | box-shadow: 0 0 2px 2px lighten($selected_bg_color, 20%); 8 | } 9 | 10 | // Pointer accessibility notifications 11 | .pie-timer { 12 | width: 60px; 13 | height: 60px; 14 | -pie-border-width: 3px; 15 | -pie-border-color: $selected_bg_color; 16 | -pie-background-color: lighten(transparentize($selected_bg_color, 0.7), 40%); 17 | } 18 | 19 | // Screen zoom/Magnifier 20 | .magnifier-zoom-region { 21 | border: 2px solid $selected_bg_color; 22 | 23 | &.full-screen { border-width: 0; } 24 | } 25 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_scrollbars.scss: -------------------------------------------------------------------------------- 1 | /* Scrollbars */ 2 | 3 | StScrollView { 4 | &.vfade { -st-vfade-offset: 68px; } 5 | &.hfade { -st-hfade-offset: 68px; } 6 | } 7 | 8 | StScrollBar { 9 | padding: 0; 10 | 11 | StScrollView & { 12 | min-width: 8px; 13 | min-height: 8px; 14 | } 15 | 16 | StBin#trough { 17 | border-radius: 0; 18 | background-color: transparent; 19 | } 20 | 21 | StButton#vhandle, StButton#hhandle { 22 | border-radius: 8px; 23 | background-color: mix($fg_color, $bg_color, 30%); 24 | border: 3px solid transparent; //would be nice to margin or at least to transparent 25 | transition: 500ms all ease; 26 | &:hover {background-color: mix($fg_color, $bg_color, 50%);} 27 | &:active {background-color: mix($fg_color, $bg_color, 40%);} 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_a11y.scss: -------------------------------------------------------------------------------- 1 | // Pointer location 2 | .ripple-pointer-location { 3 | width: $ripple_size; 4 | height: $ripple_size; 5 | border-radius: $ripple_size * 0.5; // radius equals the size of the box to give us the curve 6 | background-color: lighten(transparentize($selected_bg_color, 0.7), 30%); 7 | box-shadow: 0 0 2px 2px lighten($selected_bg_color, 20%); 8 | } 9 | 10 | // Pointer accessibility notifications 11 | .pie-timer { 12 | width: 60px; 13 | height: 60px; 14 | -pie-border-width: 3px; 15 | -pie-border-color: $selected_bg_color; 16 | -pie-background-color: lighten(transparentize($selected_bg_color, 0.7), 40%); 17 | } 18 | 19 | // Screen zoom/Magnifier 20 | .magnifier-zoom-region { 21 | border: 2px solid $selected_bg_color; 22 | 23 | &.full-screen { border-width: 0; } 24 | } 25 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_scrollbars.scss: -------------------------------------------------------------------------------- 1 | /* Scrollbars */ 2 | 3 | StScrollView { 4 | &.vfade { -st-vfade-offset: 68px; } 5 | &.hfade { -st-hfade-offset: 68px; } 6 | } 7 | 8 | StScrollBar { 9 | padding: 0; 10 | 11 | StScrollView & { 12 | min-width: 8px; 13 | min-height: 8px; 14 | } 15 | 16 | StBin#trough { 17 | border-radius: 0; 18 | background-color: transparent; 19 | } 20 | 21 | StButton#vhandle, StButton#hhandle { 22 | border-radius: 8px; 23 | background-color: mix($fg_color, $bg_color, 30%); 24 | border: 3px solid transparent; //would be nice to margin or at least to transparent 25 | transition: 500ms all ease; 26 | &:hover {background-color: mix($fg_color, $bg_color, 50%);} 27 | &:active {background-color: mix($fg_color, $bg_color, 40%);} 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_check-box.scss: -------------------------------------------------------------------------------- 1 | /* Check Boxes */ 2 | 3 | // these are equal to the size of the SVG assets 4 | $check_height: 24px; 5 | $check_width: 24px; 6 | 7 | 8 | .check-box { 9 | StBoxLayout { spacing: .8em; } 10 | StBin { 11 | width: $check_width; 12 | height: $check_height; 13 | background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/checkbox-off-light.svg"), url("resource:///org/gnome/shell/theme/checkbox-off.svg")); 14 | } 15 | &:focus StBin { background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/checkbox-off-focused-light.svg"), url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"));; } 16 | &:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); } 17 | &:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); } 18 | } 19 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_check-box.scss: -------------------------------------------------------------------------------- 1 | /* Check Boxes */ 2 | 3 | // these are equal to the size of the SVG assets 4 | $check_height: 24px; 5 | $check_width: 24px; 6 | 7 | 8 | .check-box { 9 | StBoxLayout { spacing: .8em; } 10 | StBin { 11 | width: $check_width; 12 | height: $check_height; 13 | background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/checkbox-off-light.svg"), url("resource:///org/gnome/shell/theme/checkbox-off.svg")); 14 | } 15 | &:focus StBin { background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/checkbox-off-focused-light.svg"), url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"));; } 16 | &:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); } 17 | &:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); } 18 | } 19 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_check-box.scss: -------------------------------------------------------------------------------- 1 | /* Check Boxes */ 2 | 3 | // these are equal to the size of the SVG assets 4 | $check_height: 24px; 5 | $check_width: 24px; 6 | 7 | 8 | .check-box { 9 | StBoxLayout { spacing: .8em; } 10 | StBin { 11 | width: $check_width; 12 | height: $check_height; 13 | background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/checkbox-off-light.svg"), url("resource:///org/gnome/shell/theme/checkbox-off.svg")); 14 | } 15 | &:focus StBin { background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/checkbox-off-focused-light.svg"), url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"));; } 16 | &:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); } 17 | &:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); } 18 | } 19 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_check-box.scss: -------------------------------------------------------------------------------- 1 | /* Check Boxes */ 2 | 3 | // these are equal to the size of the SVG assets 4 | $check_height: 24px; 5 | $check_width: 24px; 6 | 7 | 8 | .check-box { 9 | StBoxLayout { spacing: .8em; } 10 | StBin { 11 | width: $check_width; 12 | height: $check_height; 13 | background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/checkbox-off-light.svg"), url("resource:///org/gnome/shell/theme/checkbox-off.svg")); 14 | } 15 | &:focus StBin { background-image: if($variant == 'light', url("resource:///org/gnome/shell/theme/checkbox-off-focused-light.svg"), url("resource:///org/gnome/shell/theme/checkbox-off-focused.svg"));; } 16 | &:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox.svg"); } 17 | &:focus:checked StBin { background-image: url("resource:///org/gnome/shell/theme/checkbox-focused.svg"); } 18 | } 19 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_slider.scss: -------------------------------------------------------------------------------- 1 | /* Slider */ 2 | 3 | $slider_size: 16px; 4 | 5 | .slider { 6 | // slider trough 7 | -barlevel-height: 4px; 8 | -barlevel-background-color: transparentize($fg_color, 0.8); //background of the trough 9 | -barlevel-border-width: 2px; 10 | -barlevel-border-color: transparent; // trough border color 11 | // fill style 12 | -barlevel-active-background-color: $selected_bg_color; 13 | -barlevel-active-border-color: transparent; 14 | // overfill style (red in this case) 15 | -barlevel-overdrive-color: $destructive_color; 16 | -barlevel-overdrive-border-color: transparent; //trough border when red; 17 | -barlevel-overdrive-separator-width:1px; 18 | // slider handler 19 | -slider-handle-radius: $slider_size * 0.5; // half the size of the size 20 | -slider-handle-border-width: 0; 21 | -slider-handle-border-color: transparent; // because 0 width 22 | } 23 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_slider.scss: -------------------------------------------------------------------------------- 1 | /* Slider */ 2 | 3 | $slider_size: 16px; 4 | 5 | .slider { 6 | // slider trough 7 | -barlevel-height: 4px; 8 | -barlevel-background-color: transparentize($fg_color, 0.8); //background of the trough 9 | -barlevel-border-width: 2px; 10 | -barlevel-border-color: transparent; // trough border color 11 | // fill style 12 | -barlevel-active-background-color: $selected_bg_color; 13 | -barlevel-active-border-color: transparent; 14 | // overfill style (red in this case) 15 | -barlevel-overdrive-color: $destructive_color; 16 | -barlevel-overdrive-border-color: transparent; //trough border when red; 17 | -barlevel-overdrive-separator-width:1px; 18 | // slider handler 19 | -slider-handle-radius: $slider_size * 0.5; // half the size of the size 20 | -slider-handle-border-width: 0; 21 | -slider-handle-border-color: transparent; // because 0 width 22 | } 23 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_workspace-thumbnails.scss: -------------------------------------------------------------------------------- 1 | /* Workspace pager */ 2 | 3 | // thumbnails in overview 4 | .workspace-thumbnails { 5 | visible-width: 32px; //amount visible before hover 6 | spacing: $base_padding; 7 | padding: $base_padding; 8 | 9 | .workspace-thumbnail { 10 | color: $system_fg_color; 11 | background-color: lighten($system_bg_color, 10%); 12 | border-radius: $base_border_radius*0.5; 13 | border: 1px solid transparent; 14 | 15 | @if $is_highcontrast { 16 | border-color: $hc_inset_color; 17 | } 18 | } 19 | 20 | // drag and drop indicator 21 | .placeholder { 22 | background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); 23 | background-size: contain; 24 | width: 18px; 25 | } 26 | } 27 | 28 | // selected indicator 29 | .workspace-thumbnail-indicator { 30 | border: 3px solid $selected_bg_color; 31 | border-radius: $base_border_radius; 32 | } 33 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_workspace-thumbnails.scss: -------------------------------------------------------------------------------- 1 | /* Workspace pager */ 2 | 3 | // thumbnails in overview 4 | .workspace-thumbnails { 5 | visible-width: 32px; //amount visible before hover 6 | spacing: $base_padding; 7 | padding: $base_padding; 8 | 9 | .workspace-thumbnail { 10 | color: $system_fg_color; 11 | background-color: lighten($system_bg_color, 10%); 12 | border-radius: $base_border_radius*0.5; 13 | border: 1px solid transparent; 14 | 15 | @if $is_highcontrast { 16 | border-color: $hc_inset_color; 17 | } 18 | } 19 | 20 | // drag and drop indicator 21 | .placeholder { 22 | background-image: url("resource:///org/gnome/shell/theme/workspace-placeholder.svg"); 23 | background-size: contain; 24 | width: 18px; 25 | } 26 | } 27 | 28 | // selected indicator 29 | .workspace-thumbnail-indicator { 30 | border: 3px solid $selected_bg_color; 31 | border-radius: $base_border_radius; 32 | } 33 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_slider.scss: -------------------------------------------------------------------------------- 1 | /* Slider */ 2 | 3 | $slider_size: 16px; 4 | 5 | .slider { 6 | // slider trough 7 | -barlevel-height: 4px; 8 | -barlevel-background-color: if($variant == 'light', transparentize($fg_color, 0.6), transparentize($fg_color, 0.8)); //background of the trough 9 | -barlevel-border-width: 2px; 10 | -barlevel-border-color: transparent; // trough border color 11 | // fill style 12 | -barlevel-active-background-color: $selected_bg_color; 13 | -barlevel-active-border-color: transparent; 14 | // overfill style (red in this case) 15 | -barlevel-overdrive-color: $destructive_color; 16 | -barlevel-overdrive-border-color: transparent; //trough border when red; 17 | -barlevel-overdrive-separator-width:1px; 18 | // slider handler 19 | -slider-handle-radius: $slider_size * 0.5; // half the size of the size 20 | -slider-handle-border-width: 0; 21 | -slider-handle-border-color: transparent; // because 0 width 22 | } 23 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_slider.scss: -------------------------------------------------------------------------------- 1 | /* Slider */ 2 | 3 | $slider_size: 16px; 4 | 5 | .slider { 6 | // slider trough 7 | -barlevel-height: 4px; 8 | -barlevel-background-color: if($variant == 'light', transparentize($fg_color, 0.6), transparentize($fg_color, 0.8)); //background of the trough 9 | -barlevel-border-width: 2px; 10 | -barlevel-border-color: transparent; // trough border color 11 | // fill style 12 | -barlevel-active-background-color: $selected_bg_color; 13 | -barlevel-active-border-color: transparent; 14 | // overfill style (red in this case) 15 | -barlevel-overdrive-color: $destructive_color; 16 | -barlevel-overdrive-border-color: transparent; //trough border when red; 17 | -barlevel-overdrive-separator-width:1px; 18 | // slider handler 19 | -slider-handle-radius: $slider_size * 0.5; // half the size of the size 20 | -slider-handle-border-width: 0; 21 | -slider-handle-border-color: transparent; // because 0 width 22 | } 23 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-high-contrast.scss: -------------------------------------------------------------------------------- 1 | $variant: 'dark'; 2 | 3 | @import "gnome-shell-sass/_high-contrast-colors"; //use gtk colors 4 | @import "gnome-shell-sass/_drawing"; 5 | @import "gnome-shell-sass/_common"; 6 | @import "gnome-shell-sass/_widgets"; 7 | 8 | .toggle-switch { width: 48px; } 9 | .toggle-switch { 10 | background-image: url("resource:///org/gnome/shell/theme/toggle-off-hc.svg"); 11 | &:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-hc.svg"); } 12 | } 13 | 14 | //force opaque panel 15 | #panel { 16 | &.login-screen, 17 | &.unlock-screen, 18 | &:overview { 19 | background-color: #000; 20 | } 21 | 22 | .panel-button { 23 | color: #fff !important; 24 | } 25 | } 26 | 27 | //thumbnail app icons no dropshadow and forced color 28 | .window-picker .icon-dropshadow { 29 | icon-shadow: none; 30 | background-color: $osd_bg_color; 31 | padding: $base_padding * 2; 32 | border-radius: $modal_radius; 33 | } 34 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-high-contrast.scss: -------------------------------------------------------------------------------- 1 | $variant: 'dark'; 2 | 3 | @import "gnome-shell-sass/_high-contrast-colors"; //use gtk colors 4 | @import "gnome-shell-sass/_drawing"; 5 | @import "gnome-shell-sass/_common"; 6 | @import "gnome-shell-sass/_widgets"; 7 | 8 | .toggle-switch { width: 48px; } 9 | .toggle-switch { 10 | background-image: url("resource:///org/gnome/shell/theme/toggle-off-hc.svg"); 11 | &:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-hc.svg"); } 12 | } 13 | 14 | //force opaque panel 15 | #panel { 16 | &.login-screen, 17 | &.unlock-screen, 18 | &:overview { 19 | background-color: #000; 20 | } 21 | 22 | .panel-button { 23 | color: #fff !important; 24 | } 25 | } 26 | 27 | //thumbnail app icons no dropshadow and forced color 28 | .window-picker .icon-dropshadow { 29 | icon-shadow: none; 30 | background-color: $osd_bg_color; 31 | padding: $base_padding * 2; 32 | border-radius: $modal_radius; 33 | } 34 | -------------------------------------------------------------------------------- /Makefile: -------------------------------------------------------------------------------- 1 | all: update-po build 2 | 3 | build: 4 | gnome-extensions pack -f \ 5 | ./material-you-theme@asubbiah.com/ \ 6 | --extra-source=shell \ 7 | --extra-source=blend \ 8 | --extra-source=hct \ 9 | --extra-source=palettes \ 10 | --extra-source=quantize \ 11 | --extra-source=scheme \ 12 | --extra-source=score \ 13 | --extra-source=utils \ 14 | --extra-source=base_presets.js \ 15 | --extra-source=color_mappings.js \ 16 | --extra-source=package.json \ 17 | -o . 18 | 19 | install: 20 | gnome-extensions install -f \ 21 | material-you-theme@asubbiah.com.shell-extension.zip 22 | 23 | pot: 24 | mkdir -p material-you-theme@asubbiah.com/po 25 | xgettext --from-code=UTF-8 \ 26 | material-you-theme@asubbiah.com/extension.js \ 27 | -o material-you-theme@asubbiah.com/po/material-you-theme.pot 28 | 29 | update-po: pot 30 | for po_file in material-you-theme@asubbiah.com/po/*.po; do \ 31 | msgmerge --update "$$po_file" material-you-theme@asubbiah.com/po/material-you-theme.pot; \ 32 | done 33 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-high-contrast.scss: -------------------------------------------------------------------------------- 1 | $variant: 'dark'; 2 | 3 | @import "gnome-shell-sass/_high-contrast-colors"; //use gtk colors 4 | @import "gnome-shell-sass/_drawing"; 5 | @import "gnome-shell-sass/_common"; 6 | @import "gnome-shell-sass/_widgets"; 7 | 8 | //force symbolic icons 9 | stage { 10 | -st-icon-style: symbolic; 11 | } 12 | 13 | .toggle-switch { width: 48px; } 14 | .toggle-switch { 15 | background-image: url("resource:///org/gnome/shell/theme/toggle-off-hc.svg"); 16 | &:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-hc.svg"); } 17 | } 18 | 19 | //force opaque panel 20 | #panel { 21 | &.login-screen, 22 | &.unlock-screen, 23 | &:overview { 24 | background-color: #000; 25 | } 26 | 27 | .panel-button { 28 | color: #fff !important; 29 | } 30 | } 31 | 32 | //thumbnail app icons no dropshadow and forced color 33 | .window-picker .icon-dropshadow { 34 | icon-shadow: none; 35 | background-color: $osd_bg_color; 36 | padding: $base_padding * 2; 37 | border-radius: $modal_radius; 38 | } 39 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-high-contrast.scss: -------------------------------------------------------------------------------- 1 | $variant: 'dark'; 2 | 3 | @import "gnome-shell-sass/_high-contrast-colors"; //use gtk colors 4 | @import "gnome-shell-sass/_drawing"; 5 | @import "gnome-shell-sass/_common"; 6 | @import "gnome-shell-sass/_widgets"; 7 | 8 | //force symbolic icons 9 | stage { 10 | -st-icon-style: symbolic; 11 | } 12 | 13 | .toggle-switch { width: 48px; } 14 | .toggle-switch { 15 | background-image: url("resource:///org/gnome/shell/theme/toggle-off-hc.svg"); 16 | &:checked { background-image: url("resource:///org/gnome/shell/theme/toggle-on-hc.svg"); } 17 | } 18 | 19 | //force opaque panel 20 | #panel { 21 | &.login-screen, 22 | &.unlock-screen, 23 | &:overview { 24 | background-color: #000; 25 | } 26 | 27 | .panel-button { 28 | color: #fff !important; 29 | } 30 | } 31 | 32 | //thumbnail app icons no dropshadow and forced color 33 | .window-picker .icon-dropshadow { 34 | icon-shadow: none; 35 | background-color: $osd_bg_color; 36 | padding: $base_padding * 2; 37 | border-radius: $modal_radius; 38 | } 39 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/_palette.scss: -------------------------------------------------------------------------------- 1 | //GNOME Color Palette 2 | $blue_1: #99c1f1; 3 | $blue_2: #62a0ea; 4 | $blue_3: #3584e4; 5 | $blue_4: #1c71d8; 6 | $blue_5: #1a5fb4; 7 | $green_1: #8ff0a4; 8 | $green_2: #57e389; 9 | $green_3: #33d17a; 10 | $green_4: #2ec27e; 11 | $green_5: #26a269; 12 | $yellow_1: #f9f06b; 13 | $yellow_2: #f8e45c; 14 | $yellow_3: #f6d32d; 15 | $yellow_4: #f5c211; 16 | $yellow_5: #e5a50a; 17 | $orange_1: #ffbe6f; 18 | $orange_2: #ffa348; 19 | $orange_3: #ff7800; 20 | $orange_4: #e66100; 21 | $orange_5: #c64600; 22 | $red_1: #f66151; 23 | $red_2: #ed333b; 24 | $red_3: #e01b24; 25 | $red_4: #c01c28; 26 | $red_5: #a51d2d; 27 | $purple_1: #dc8add; 28 | $purple_2: #c061cb; 29 | $purple_3: #9141ac; 30 | $purple_4: #813d9c; 31 | $purple_5: #613583; 32 | $brown_1: #cdab8f; 33 | $brown_2: #b5835a; 34 | $brown_3: #986a44; 35 | $brown_4: #865e3c; 36 | $brown_5: #63452c; 37 | $light_1: #ffffff; 38 | $light_2: #f6f5f4; 39 | $light_3: #deddda; 40 | $light_4: #c0bfbc; 41 | $light_5: #9a9996; 42 | $dark_1: #77767b; 43 | $dark_2: #5e5c64; 44 | $dark_3: #3d3846; 45 | $dark_4: #241f31; 46 | $dark_5: #000000; -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/_palette.scss: -------------------------------------------------------------------------------- 1 | //GNOME Color Palette 2 | $blue_1: #99c1f1; 3 | $blue_2: #62a0ea; 4 | $blue_3: #3584e4; 5 | $blue_4: #1c71d8; 6 | $blue_5: #1a5fb4; 7 | $green_1: #8ff0a4; 8 | $green_2: #57e389; 9 | $green_3: #33d17a; 10 | $green_4: #2ec27e; 11 | $green_5: #26a269; 12 | $yellow_1: #f9f06b; 13 | $yellow_2: #f8e45c; 14 | $yellow_3: #f6d32d; 15 | $yellow_4: #f5c211; 16 | $yellow_5: #e5a50a; 17 | $orange_1: #ffbe6f; 18 | $orange_2: #ffa348; 19 | $orange_3: #ff7800; 20 | $orange_4: #e66100; 21 | $orange_5: #c64600; 22 | $red_1: #f66151; 23 | $red_2: #ed333b; 24 | $red_3: #e01b24; 25 | $red_4: #c01c28; 26 | $red_5: #a51d2d; 27 | $purple_1: #dc8add; 28 | $purple_2: #c061cb; 29 | $purple_3: #9141ac; 30 | $purple_4: #813d9c; 31 | $purple_5: #613583; 32 | $brown_1: #cdab8f; 33 | $brown_2: #b5835a; 34 | $brown_3: #986a44; 35 | $brown_4: #865e3c; 36 | $brown_5: #63452c; 37 | $light_1: #ffffff; 38 | $light_2: #f6f5f4; 39 | $light_3: #deddda; 40 | $light_4: #c0bfbc; 41 | $light_5: #9a9996; 42 | $dark_1: #77767b; 43 | $dark_2: #5e5c64; 44 | $dark_3: #3d3846; 45 | $dark_4: #241f31; 46 | $dark_5: #000000; -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/_palette.scss: -------------------------------------------------------------------------------- 1 | //GNOME Color Palette 2 | $blue_1: #99c1f1; 3 | $blue_2: #62a0ea; 4 | $blue_3: #3584e4; 5 | $blue_4: #1c71d8; 6 | $blue_5: #1a5fb4; 7 | $green_1: #8ff0a4; 8 | $green_2: #57e389; 9 | $green_3: #33d17a; 10 | $green_4: #2ec27e; 11 | $green_5: #26a269; 12 | $yellow_1: #f9f06b; 13 | $yellow_2: #f8e45c; 14 | $yellow_3: #f6d32d; 15 | $yellow_4: #f5c211; 16 | $yellow_5: #e5a50a; 17 | $orange_1: #ffbe6f; 18 | $orange_2: #ffa348; 19 | $orange_3: #ff7800; 20 | $orange_4: #e66100; 21 | $orange_5: #c64600; 22 | $red_1: #f66151; 23 | $red_2: #ed333b; 24 | $red_3: #e01b24; 25 | $red_4: #c01c28; 26 | $red_5: #a51d2d; 27 | $purple_1: #dc8add; 28 | $purple_2: #c061cb; 29 | $purple_3: #9141ac; 30 | $purple_4: #813d9c; 31 | $purple_5: #613583; 32 | $brown_1: #cdab8f; 33 | $brown_2: #b5835a; 34 | $brown_3: #986a44; 35 | $brown_4: #865e3c; 36 | $brown_5: #63452c; 37 | $light_1: #ffffff; 38 | $light_2: #f6f5f4; 39 | $light_3: #deddda; 40 | $light_4: #c0bfbc; 41 | $light_5: #9a9996; 42 | $dark_1: #77767b; 43 | $dark_2: #5e5c64; 44 | $dark_3: #3d3846; 45 | $dark_4: #241f31; 46 | $dark_5: #000000; -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/_palette.scss: -------------------------------------------------------------------------------- 1 | //GNOME Color Palette 2 | $blue_1: #99c1f1; 3 | $blue_2: #62a0ea; 4 | $blue_3: #3584e4; 5 | $blue_4: #1c71d8; 6 | $blue_5: #1a5fb4; 7 | $green_1: #8ff0a4; 8 | $green_2: #57e389; 9 | $green_3: #33d17a; 10 | $green_4: #2ec27e; 11 | $green_5: #26a269; 12 | $yellow_1: #f9f06b; 13 | $yellow_2: #f8e45c; 14 | $yellow_3: #f6d32d; 15 | $yellow_4: #f5c211; 16 | $yellow_5: #e5a50a; 17 | $orange_1: #ffbe6f; 18 | $orange_2: #ffa348; 19 | $orange_3: #ff7800; 20 | $orange_4: #e66100; 21 | $orange_5: #c64600; 22 | $red_1: #f66151; 23 | $red_2: #ed333b; 24 | $red_3: #e01b24; 25 | $red_4: #c01c28; 26 | $red_5: #a51d2d; 27 | $purple_1: #dc8add; 28 | $purple_2: #c061cb; 29 | $purple_3: #9141ac; 30 | $purple_4: #813d9c; 31 | $purple_5: #613583; 32 | $brown_1: #cdab8f; 33 | $brown_2: #b5835a; 34 | $brown_3: #986a44; 35 | $brown_4: #865e3c; 36 | $brown_5: #63452c; 37 | $light_1: #ffffff; 38 | $light_2: #f6f5f4; 39 | $light_3: #deddda; 40 | $light_4: #c0bfbc; 41 | $light_5: #9a9996; 42 | $dark_1: #77767b; 43 | $dark_2: #5e5c64; 44 | $dark_3: #3d3846; 45 | $dark_4: #241f31; 46 | $dark_5: #000000; -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/checkbox-off.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/checkbox-off.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/checkbox-off.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/checkbox-off.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/schemas/org.gnome.shell.extensions.material-you-theme.gschema.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | "Default" 6 | Current color scheme 7 | 8 | 9 | true 10 | Show notifications on theme update 11 | 12 | 13 | 64 14 | Width to resize wallpaper to 15 | 16 | 17 | 64 18 | Height to resize wallpaper to 19 | 20 | 21 | false 22 | Enabling Pywal Theming 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_ibus-popup.scss: -------------------------------------------------------------------------------- 1 | // IBus Candidate Popup 2 | 3 | .candidate-popup-boxpointer { 4 | @extend .popup-menu-boxpointer; 5 | } 6 | 7 | .candidate-popup-content { 8 | padding: $base_padding; 9 | spacing: $base_padding; 10 | @extend .popup-menu-content; 11 | } 12 | 13 | .candidate-index { 14 | padding: 0; 15 | padding-right: $base_padding; 16 | color: $insensitive_fg_color; 17 | } 18 | 19 | .candidate-box { 20 | padding: $base_padding $base_padding*2 $base_padding $base_padding*2; 21 | border-radius: $base_border_radius; 22 | &:selected { background-color: $selected_bg_color; color: $selected_fg_color; } 23 | &:hover { background-color: $hover_bg_color; color: $hover_fg_color; } 24 | } 25 | 26 | .candidate-page-button-box { 27 | height: 2em; 28 | .vertical & { padding-top: $base_padding*2; } 29 | .horizontal & { padding-left: $base_padding*2; } 30 | } 31 | 32 | .candidate-page-button { padding: $base_padding;} 33 | 34 | .candidate-page-button-previous { border-radius: $base_border_radius 0px 0px $base_border_radius; border-right-width: 0;box-shadow: none;} 35 | .candidate-page-button-next { border-radius: 0px $base_border_radius $base_border_radius 0px;box-shadow: none;} 36 | .candidate-page-button-icon { icon-size: $base_icon_size; } 37 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_ibus-popup.scss: -------------------------------------------------------------------------------- 1 | // IBus Candidate Popup 2 | 3 | .candidate-popup-boxpointer { 4 | @extend .popup-menu-boxpointer; 5 | } 6 | 7 | .candidate-popup-content { 8 | padding: $base_padding; 9 | spacing: $base_padding; 10 | @extend .popup-menu-content; 11 | } 12 | 13 | .candidate-index { 14 | padding: 0; 15 | padding-right: $base_padding; 16 | color: $insensitive_fg_color; 17 | } 18 | 19 | .candidate-box { 20 | padding: $base_padding $base_padding*2 $base_padding $base_padding*2; 21 | border-radius: $base_border_radius; 22 | &:selected { background-color: $selected_bg_color; color: $selected_fg_color; } 23 | &:hover { background-color: $hover_bg_color; color: $hover_fg_color; } 24 | } 25 | 26 | .candidate-page-button-box { 27 | height: 2em; 28 | .vertical & { padding-top: $base_padding*2; } 29 | .horizontal & { padding-left: $base_padding*2; } 30 | } 31 | 32 | .candidate-page-button { 33 | padding: $base_padding; 34 | 35 | & StIcon { icon-size: $base_icon_size; } 36 | } 37 | 38 | .candidate-page-button-previous { border-radius: $base_border_radius 0px 0px $base_border_radius; border-right-width: 0;box-shadow: none;} 39 | .candidate-page-button-next { border-radius: 0px $base_border_radius $base_border_radius 0px;box-shadow: none;} 40 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_ibus-popup.scss: -------------------------------------------------------------------------------- 1 | // IBus Candidate Popup 2 | 3 | .candidate-popup-boxpointer { 4 | @extend .popup-menu-boxpointer; 5 | } 6 | 7 | .candidate-popup-content { 8 | padding: $base_padding; 9 | spacing: $base_padding; 10 | @extend .popup-menu-content; 11 | } 12 | 13 | .candidate-index { 14 | padding: 0; 15 | padding-right: $base_padding; 16 | color: $insensitive_fg_color; 17 | } 18 | 19 | .candidate-box { 20 | padding: $base_padding $base_padding*2 $base_padding $base_padding*2; 21 | border-radius: $base_border_radius; 22 | &:selected { background-color: $selected_bg_color; color: $selected_fg_color; } 23 | &:hover { background-color: $hover_bg_color; color: $hover_fg_color; } 24 | } 25 | 26 | .candidate-page-button-box { 27 | height: 2em; 28 | .vertical & { padding-top: $base_padding*2; } 29 | .horizontal & { padding-left: $base_padding*2; } 30 | } 31 | 32 | .candidate-page-button { 33 | padding: $base_padding; 34 | 35 | & StIcon { icon-size: $base_icon_size; } 36 | } 37 | 38 | .candidate-page-button-previous { border-radius: $base_border_radius 0px 0px $base_border_radius; border-right-width: 0;box-shadow: none;} 39 | .candidate-page-button-next { border-radius: 0px $base_border_radius $base_border_radius 0px;box-shadow: none;} 40 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_ibus-popup.scss: -------------------------------------------------------------------------------- 1 | // IBus Candidate Popup 2 | 3 | .candidate-popup-boxpointer { 4 | @extend .popup-menu-boxpointer; 5 | } 6 | 7 | .candidate-popup-content { 8 | padding: $base_padding; 9 | spacing: $base_padding; 10 | @extend .popup-menu-content; 11 | } 12 | 13 | .candidate-index { 14 | padding: 0; 15 | padding-right: $base_padding; 16 | color: $insensitive_fg_color; 17 | } 18 | 19 | .candidate-box { 20 | padding: $base_padding $base_padding*2 $base_padding $base_padding*2; 21 | border-radius: $base_border_radius; 22 | &:selected { background-color: $selected_bg_color; color: $selected_fg_color; } 23 | &:hover { background-color: $hover_bg_color; color: $hover_fg_color; } 24 | } 25 | 26 | .candidate-page-button-box { 27 | height: 2em; 28 | .vertical & { padding-top: $base_padding*2; } 29 | .horizontal & { padding-left: $base_padding*2; } 30 | } 31 | 32 | .candidate-page-button { 33 | padding: $base_padding; 34 | 35 | & StIcon { icon-size: $base_icon_size; } 36 | } 37 | 38 | .candidate-page-button-previous { border-radius: $base_border_radius 0px 0px $base_border_radius; border-right-width: 0;box-shadow: none;} 39 | .candidate-page-button-next { border-radius: 0px $base_border_radius $base_border_radius 0px;box-shadow: none;} 40 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/checkbox.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/checkbox.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/checkbox.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/checkbox.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_network-dialog.scss: -------------------------------------------------------------------------------- 1 | /* Select Network dialogs */ 2 | .nm-dialog { 3 | max-height: 34em; 4 | min-height: 31em; 5 | min-width: 32em; 6 | } 7 | 8 | .nm-dialog-content { 9 | spacing: 20px; 10 | padding: 24px; 11 | } 12 | 13 | .nm-dialog-header { @extend %heading; } 14 | .nm-dialog-subheader { color: $insensitive_fg_color;} 15 | .nm-dialog-header-icon { icon-size: $large_icon_size;} 16 | .nm-dialog-header-hbox { spacing: 10px; } 17 | 18 | .nm-dialog-network-selected { 19 | margin: 0 $base_margin*2; 20 | } 21 | 22 | .nm-dialog-scroll-view { 23 | padding:$base_padding; 24 | border-radius: $base_border_radius; 25 | background-color: $base_color; 26 | } 27 | 28 | .nm-dialog-item { 29 | padding: $base_padding * 2; 30 | 31 | &:selected { 32 | background-color: $selected_bg_color; 33 | border-radius: $base_border_radius - 3px; 34 | color: $selected_fg_color; 35 | } 36 | &:hover { background-color:$hover_bg_color;} 37 | } 38 | 39 | .nm-dialog-icon { icon-size: $base_icon_size; } 40 | .nm-dialog-icons { spacing: $base_padding * 2; } 41 | 42 | // no networks 43 | .no-networks-box { spacing: $base_padding; } 44 | .no-networks-label { color: $insensitive_fg_color; } 45 | 46 | // airplane mode 47 | .nm-dialog-airplane-box { 48 | text-align: center; 49 | spacing: 12px; 50 | } 51 | .nm-dialog-airplane-headline { @extend %title_3;} 52 | .nm-dialog-airplane-text { color: $insensitive_fg_color;} 53 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/palettes/tonal_palette.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Licensed under the Apache License, Version 2.0 (the "License"); 3 | * you may not use this file except in compliance with the License. 4 | * You may obtain a copy of the License at 5 | * 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Unless required by applicable law or agreed to in writing, software 9 | * distributed under the License is distributed on an "AS IS" BASIS, 10 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 11 | * See the License for the specific language governing permissions and 12 | * limitations under the License. 13 | */ 14 | import {Hct} from "../hct/hct.js"; 15 | /** 16 | * A convenience class for retrieving colors that are constant in hue and 17 | * chroma, but vary in tone. 18 | */ 19 | export var TonalPalette = class TonalPalette { 20 | constructor(hue, chroma) { 21 | this.hue = hue; 22 | this.chroma = chroma; 23 | this.cache = new Map(); 24 | } 25 | /** 26 | * @param tone HCT tone, measured from 0 to 100. 27 | * @return ARGB representation of a color with that tone. 28 | */ 29 | tone(tone) { 30 | let argb = this.cache.get(tone); 31 | if (argb === undefined) { 32 | argb = Hct.from(this.hue, this.chroma, tone).toInt(); 33 | this.cache.set(tone, argb); 34 | } 35 | return argb; 36 | } 37 | } 38 | //# sourceMappingURL=tonal_palette.js.map -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/checkbox-off-focused.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/checkbox-off-focused.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/checkbox-off-focused.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/checkbox-off-focused.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_misc.scss: -------------------------------------------------------------------------------- 1 | // Rubberband for select-area screenshots 2 | .select-area-rubberband { 3 | background-color: transparentize($selected_bg_color,0.7); 4 | border: 1px solid $selected_bg_color; 5 | } 6 | 7 | // User icon 8 | .user-icon { 9 | background-size: contain; 10 | color: $osd_fg_color; 11 | border-radius: 99px; 12 | icon-size: $base_icon_size * 4; // 64px 13 | 14 | & StIcon { 15 | background-color: transparentize($osd_fg_color,0.95); 16 | border-radius: 99px; 17 | padding: $base_padding * 2 ; // 12px 18 | width: $base_icon_size * 2.5; height: $base_icon_size * 2.5; // 40px; 19 | } 20 | 21 | &.user-avatar { 22 | box-shadow:inset 0 0 0 1px transparentize($osd_fg_color, 0.9); 23 | @if $is_highcontrast { 24 | box-shadow:inset 0 0 0 1px $hc_inset_color; 25 | } 26 | } 27 | } 28 | 29 | .lightbox { background-color: black; } 30 | .flashspot { background-color: white; } 31 | 32 | // Hidden 33 | .hidden { color: transparent;} 34 | 35 | // Caps-lock warning 36 | .caps-lock-warning-label { 37 | text-align: center; 38 | padding-bottom: 8px; 39 | @extend %caption; 40 | color: $warning_color; 41 | } 42 | 43 | /* Workspace animation */ 44 | 45 | .workspace-animation { 46 | background-color: $system_bg_color; 47 | } 48 | 49 | /* Tiled window previews */ 50 | .tile-preview { 51 | background-color: transparentize($selected_bg_color,0.5); 52 | border: 1px solid $selected_bg_color; 53 | } 54 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_misc.scss: -------------------------------------------------------------------------------- 1 | // Rubberband for select-area screenshots 2 | .select-area-rubberband { 3 | background-color: transparentize($selected_bg_color,0.7); 4 | border: 1px solid $selected_bg_color; 5 | } 6 | 7 | // User icon 8 | .user-icon { 9 | background-size: contain; 10 | color: $osd_fg_color; 11 | border-radius: 99px; 12 | icon-size: $base_icon_size * 4; // 64px 13 | 14 | & StIcon { 15 | background-color: transparentize($osd_fg_color,0.95); 16 | border-radius: 99px; 17 | padding: $base_padding * 2 ; // 12px 18 | width: $base_icon_size * 2.5; height: $base_icon_size * 2.5; // 40px; 19 | } 20 | 21 | &.user-avatar { 22 | box-shadow:inset 0 0 0 1px transparentize($osd_fg_color, 0.9); 23 | @if $is_highcontrast { 24 | box-shadow:inset 0 0 0 1px $hc_inset_color; 25 | } 26 | } 27 | } 28 | 29 | .lightbox { background-color: black; } 30 | .flashspot { background-color: white; } 31 | 32 | // Hidden 33 | .hidden { color: transparent;} 34 | 35 | // Caps-lock warning 36 | .caps-lock-warning-label { 37 | text-align: center; 38 | padding-bottom: 8px; 39 | @extend %caption; 40 | color: $warning_color; 41 | } 42 | 43 | /* Workspace animation */ 44 | 45 | .workspace-animation { 46 | background-color: $system_bg_color; 47 | } 48 | 49 | /* Tiled window previews */ 50 | .tile-preview { 51 | background-color: transparentize($selected_bg_color,0.5); 52 | border: 1px solid $selected_bg_color; 53 | } 54 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/palettes/core_palette.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Licensed under the Apache License, Version 2.0 (the "License"); 3 | * you may not use this file except in compliance with the License. 4 | * You may obtain a copy of the License at 5 | * 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Unless required by applicable law or agreed to in writing, software 9 | * distributed under the License is distributed on an "AS IS" BASIS, 10 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 11 | * See the License for the specific language governing permissions and 12 | * limitations under the License. 13 | */ 14 | 15 | import {Hct} from "../hct/hct.js"; 16 | import {TonalPalette} from "../palettes/tonal_palette.js"; 17 | const errorColor = new TonalPalette(25, 84); 18 | 19 | /** 20 | * An intermediate concept between the key color for a UI theme, and a full 21 | * color scheme. 5 sets of tones are generated, all except one use the same hue 22 | * as the key color, and all vary in chroma. 23 | */ 24 | export var CorePalette = class CorePalette { 25 | constructor(argb) { 26 | const hct = Hct.fromInt(argb); 27 | const hue = hct.hue; 28 | this.a1 = new TonalPalette(hue, Math.max(48, hct.chroma)); 29 | this.a2 = new TonalPalette(hue, 16); 30 | this.a3 = new TonalPalette(hue + 60, 24); 31 | this.n1 = new TonalPalette(hue, 4); 32 | this.n2 = new TonalPalette(hue, 8); 33 | this.error = errorColor; 34 | } 35 | } 36 | //# sourceMappingURL=core_palette.js.map -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/_widgets.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Shell widgets stylesheets are placed in separate .scss files 3 | // in 'widgets' and imported into the main stylesheet in this file. 4 | // To create or update a widget for the shell modify the list below. 5 | // 6 | 7 | /* WIDGETS */ 8 | 9 | // Primary widgets 10 | @import 'widgets/base'; 11 | @import 'widgets/entries'; 12 | @import 'widgets/buttons'; 13 | @import 'widgets/check-box'; 14 | @import 'widgets/switches'; 15 | @import 'widgets/slider'; 16 | @import 'widgets/scrollbars'; 17 | // Popovers 18 | @import 'widgets/popovers'; 19 | @import 'widgets/calendar'; 20 | @import 'widgets/message-list'; 21 | @import 'widgets/ibus-popup'; 22 | // Notifications 23 | @import 'widgets/notifications'; 24 | @import 'widgets/hotplug'; 25 | // Dialogs 26 | @import 'widgets/dialogs'; 27 | // OSDs 28 | @import 'widgets/osd'; 29 | @import 'widgets/switcher-popup'; 30 | @import 'widgets/workspace-switcher'; 31 | @import 'widgets/screenshot'; 32 | // Panel 33 | @import 'widgets/panel'; 34 | @import 'widgets/corner-ripple'; 35 | @import 'widgets/quick-settings'; 36 | // Overview 37 | @import 'widgets/overview'; 38 | @import 'widgets/window-picker'; 39 | @import 'widgets/search-entry'; 40 | @import 'widgets/search-results'; 41 | @import 'widgets/dash'; 42 | @import 'widgets/app-grid'; 43 | @import 'widgets/workspace-thumbnails'; 44 | // A11y / misc 45 | @import 'widgets/a11y'; 46 | @import 'widgets/misc'; 47 | @import 'widgets/keyboard'; 48 | @import 'widgets/looking-glass'; 49 | // Lock / login screen 50 | @import 'widgets/login-lock'; 51 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/_widgets.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Shell widgets stylesheets are placed in separate .scss files 3 | // in 'widgets' and imported into the main stylesheet in this file. 4 | // To create or update a widget for the shell modify the list below. 5 | // 6 | 7 | /* WIDGETS */ 8 | 9 | // Primary widgets 10 | @import 'widgets/base'; 11 | @import 'widgets/entries'; 12 | @import 'widgets/buttons'; 13 | @import 'widgets/check-box'; 14 | @import 'widgets/switches'; 15 | @import 'widgets/slider'; 16 | @import 'widgets/scrollbars'; 17 | // Popovers 18 | @import 'widgets/popovers'; 19 | @import 'widgets/calendar'; 20 | @import 'widgets/message-list'; 21 | @import 'widgets/ibus-popup'; 22 | // Notifications 23 | @import 'widgets/notifications'; 24 | @import 'widgets/hotplug'; 25 | // Dialogs 26 | @import 'widgets/dialogs'; 27 | // OSDs 28 | @import 'widgets/osd'; 29 | @import 'widgets/switcher-popup'; 30 | @import 'widgets/workspace-switcher'; 31 | @import 'widgets/screenshot'; 32 | // Panel 33 | @import 'widgets/panel'; 34 | @import 'widgets/corner-ripple'; 35 | @import 'widgets/quick-settings'; 36 | // Overview 37 | @import 'widgets/overview'; 38 | @import 'widgets/window-picker'; 39 | @import 'widgets/search-entry'; 40 | @import 'widgets/search-results'; 41 | @import 'widgets/dash'; 42 | @import 'widgets/app-grid'; 43 | @import 'widgets/workspace-thumbnails'; 44 | // A11y / misc 45 | @import 'widgets/a11y'; 46 | @import 'widgets/misc'; 47 | @import 'widgets/keyboard'; 48 | @import 'widgets/looking-glass'; 49 | // Lock / login screen 50 | @import 'widgets/login-lock'; 51 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/_widgets.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Shell widgets stylesheets are placed in separate .scss files 3 | // in 'widgets' and imported into the main stylesheet in this file. 4 | // To create or update a widget for the shell modify the list below. 5 | // 6 | 7 | /* WIDGETS */ 8 | 9 | // Primary widgets 10 | @import 'widgets/base'; 11 | @import 'widgets/entries'; 12 | @import 'widgets/buttons'; 13 | @import 'widgets/check-box'; 14 | @import 'widgets/switches'; 15 | @import 'widgets/slider'; 16 | @import 'widgets/scrollbars'; 17 | // Popovers 18 | @import 'widgets/popovers'; 19 | @import 'widgets/calendar'; 20 | @import 'widgets/message-list'; 21 | @import 'widgets/ibus-popup'; 22 | // Notifications 23 | @import 'widgets/notifications'; 24 | @import 'widgets/hotplug'; 25 | // Dialogs 26 | @import 'widgets/dialogs'; 27 | @import 'widgets/network-dialog'; 28 | // OSDs 29 | @import 'widgets/osd'; 30 | @import 'widgets/switcher-popup'; 31 | @import 'widgets/workspace-switcher'; 32 | @import 'widgets/screenshot'; 33 | // Panel 34 | @import 'widgets/panel'; 35 | @import 'widgets/corner-ripple'; 36 | // Overview 37 | @import 'widgets/overview'; 38 | @import 'widgets/window-picker'; 39 | @import 'widgets/search-entry'; 40 | @import 'widgets/search-results'; 41 | @import 'widgets/dash'; 42 | @import 'widgets/app-grid'; 43 | @import 'widgets/workspace-thumbnails'; 44 | // A11y / misc 45 | @import 'widgets/a11y'; 46 | @import 'widgets/misc'; 47 | @import 'widgets/keyboard'; 48 | @import 'widgets/looking-glass'; 49 | // Lock / login screens 50 | @import 'widgets/login-dialog'; 51 | @import 'widgets/screen-shield'; 52 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/gnome-shell-sass.doap: -------------------------------------------------------------------------------- 1 | 6 | 7 | GNOME Shell Sass 8 | Sass sources of GNOME Shell 9 | GNOME Shell Sass is a project intended to allow the sharing of the 10 | sass theme sources between gnome-shell and other projects like gnome-shell-extensions. 11 | 12 | 13 | sass 14 | css 15 | 16 | 17 | 18 | Carlos Soriano 19 | 20 | csoriano 21 | 22 | 23 | 24 | 25 | Florian Müllner 26 | 27 | fmuellner 28 | 29 | 30 | 31 | 32 | Jakub Steiner 33 | 34 | jimmac 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/_widgets.scss: -------------------------------------------------------------------------------- 1 | // 2 | // Shell widgets stylesheets are placed in separate .scss files 3 | // in 'widgets' and imported into the main stylesheet in this file. 4 | // To create or update a widget for the shell modify the list below. 5 | // 6 | 7 | /* WIDGETS */ 8 | 9 | // Primary widgets 10 | @import 'widgets/base'; 11 | @import 'widgets/entries'; 12 | @import 'widgets/buttons'; 13 | @import 'widgets/check-box'; 14 | @import 'widgets/switches'; 15 | @import 'widgets/slider'; 16 | @import 'widgets/scrollbars'; 17 | // Popovers 18 | @import 'widgets/popovers'; 19 | @import 'widgets/calendar'; 20 | @import 'widgets/message-list'; 21 | @import 'widgets/ibus-popup'; 22 | // Notifications 23 | @import 'widgets/notifications'; 24 | @import 'widgets/hotplug'; 25 | // Dialogs 26 | @import 'widgets/dialogs'; 27 | // OSDs 28 | @import 'widgets/osd'; 29 | @import 'widgets/switcher-popup'; 30 | @import 'widgets/workspace-switcher'; 31 | @import 'widgets/screenshot'; 32 | // Panel 33 | @import 'widgets/panel'; 34 | @import 'widgets/corner-ripple'; 35 | @import 'widgets/quick-settings'; 36 | // Overview 37 | @import 'widgets/overview'; 38 | @import 'widgets/window-picker'; 39 | @import 'widgets/search-entry'; 40 | @import 'widgets/search-results'; 41 | @import 'widgets/dash'; 42 | @import 'widgets/app-grid'; 43 | @import 'widgets/workspace-thumbnails'; 44 | // A11y / misc 45 | @import 'widgets/a11y'; 46 | @import 'widgets/misc'; 47 | @import 'widgets/keyboard'; 48 | @import 'widgets/looking-glass'; 49 | // Lock / login screens 50 | @import 'widgets/login-dialog'; 51 | @import 'widgets/screen-shield'; 52 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/gnome-shell-sass.doap: -------------------------------------------------------------------------------- 1 | 6 | 7 | GNOME Shell Sass 8 | Sass sources of GNOME Shell 9 | GNOME Shell Sass is a project intended to allow the sharing of the 10 | sass theme sources between gnome-shell and other projects like gnome-shell-extensions. 11 | 12 | 13 | sass 14 | css 15 | 16 | 17 | 18 | Carlos Soriano 19 | 20 | csoriano 21 | 22 | 23 | 24 | 25 | Florian Müllner 26 | 27 | fmuellner 28 | 29 | 30 | 31 | 32 | Jakub Steiner 33 | 34 | jimmac 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/gnome-shell-sass.doap: -------------------------------------------------------------------------------- 1 | 6 | 7 | GNOME Shell Sass 8 | Sass sources of GNOME Shell 9 | GNOME Shell Sass is a project intended to allow the sharing of the 10 | sass theme sources between gnome-shell and other projects like gnome-shell-extensions. 11 | 12 | 13 | sass 14 | css 15 | 16 | 17 | 18 | Carlos Soriano 19 | 20 | csoriano 21 | 22 | 23 | 24 | 25 | Florian Müllner 26 | 27 | fmuellner 28 | 29 | 30 | 31 | 32 | Jakub Steiner 33 | 34 | jimmac 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/gnome-shell-sass.doap: -------------------------------------------------------------------------------- 1 | 6 | 7 | GNOME Shell Sass 8 | Sass sources of GNOME Shell 9 | GNOME Shell Sass is a project intended to allow the sharing of the 10 | sass theme sources between gnome-shell and other projects like gnome-shell-extensions. 11 | 12 | 13 | sass 14 | css 15 | 16 | 17 | 18 | Carlos Soriano 19 | 20 | csoriano 21 | 22 | 23 | 24 | 25 | Florian Müllner 26 | 27 | fmuellner 28 | 29 | 30 | 31 | 32 | Jakub Steiner 33 | 34 | jimmac 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_window-picker.scss: -------------------------------------------------------------------------------- 1 | /* Window Picker */ 2 | 3 | $window_picker_spacing: $base_padding; // 6px 4 | $window_picker_padding: $base_padding * 2; // 12px 5 | 6 | $window_thumbnail_label_color: transparentize($system_bg_color, 0.4); 7 | 8 | $window_close_button_color: transparentize(lighten($system_bg_color, 7%), .02); 9 | $window_close_button_size: 30px; 10 | $window_close_button_padding: 3px; 11 | 12 | // Window picker 13 | .window-picker { 14 | // Space between window thumbnails 15 | spacing: $window_picker_spacing; 16 | } 17 | 18 | // Window titles 19 | .window-caption { 20 | @extend %tooltip; 21 | } 22 | 23 | // Close button 24 | .window-close { 25 | background-color: $window_close_button_color; 26 | color: $system_fg_color; 27 | border-radius: 99px; 28 | box-shadow: 0 2px 4px 0 $shadow_color; 29 | padding: $window_close_button_padding; 30 | height: $window_close_button_size; 31 | width: $window_close_button_size; 32 | transition-duration: 100ms; 33 | 34 | & StIcon { icon-size: 24px; } // uses non standard icon size 35 | 36 | &:hover { 37 | background-color: lighten($window_close_button_color, 7%); 38 | } 39 | 40 | &:active { 41 | background-color: lighten($window_close_button_color, 13%); 42 | } 43 | 44 | @if $is_highcontrast { 45 | border:2px solid $outer_borders_color; 46 | } 47 | } 48 | 49 | .workspace-background { 50 | // keep in sync with BACKGROUND_CORNER_RADIUS_PIXELS in workspace.js 51 | border-radius: 30px; 52 | background-color: $invisible_occluded_bg_color; 53 | box-shadow: 0 4px 16px 4px $shadow_color; 54 | } 55 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_window-picker.scss: -------------------------------------------------------------------------------- 1 | /* Window Picker */ 2 | 3 | $window_picker_spacing: $base_padding; // 6px 4 | $window_picker_padding: $base_padding * 2; // 12px 5 | 6 | $window_thumbnail_label_color: transparentize($system_bg_color, 0.4); 7 | 8 | $window_close_button_color: transparentize(lighten($system_bg_color, 7%), .02); 9 | $window_close_button_size: 30px; 10 | $window_close_button_padding: 3px; 11 | 12 | // Window picker 13 | .window-picker { 14 | // Space between window thumbnails 15 | spacing: $window_picker_spacing; 16 | } 17 | 18 | // Window titles 19 | .window-caption { 20 | @extend %tooltip; 21 | } 22 | 23 | // Close button 24 | .window-close { 25 | background-color: $window_close_button_color; 26 | color: $system_fg_color; 27 | border-radius: 99px; 28 | box-shadow: 0 2px 4px 0 $shadow_color; 29 | padding: $window_close_button_padding; 30 | height: $window_close_button_size; 31 | width: $window_close_button_size; 32 | transition-duration: 100ms; 33 | 34 | & StIcon { icon-size: 24px; } // uses non standard icon size 35 | 36 | &:hover { 37 | background-color: lighten($window_close_button_color, 7%); 38 | } 39 | 40 | &:active { 41 | background-color: lighten($window_close_button_color, 13%); 42 | } 43 | 44 | @if $is_highcontrast { 45 | border:2px solid $outer_borders_color; 46 | } 47 | } 48 | 49 | .workspace-background { 50 | // keep in sync with BACKGROUND_CORNER_RADIUS_PIXELS in workspace.js 51 | border-radius: 30px; 52 | background-color: $invisible_occluded_bg_color; 53 | box-shadow: 0 4px 16px 4px $shadow_color; 54 | } 55 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_window-picker.scss: -------------------------------------------------------------------------------- 1 | /* Window Picker */ 2 | 3 | $window_picker_spacing: $base_padding; // 6px 4 | $window_picker_padding: $base_padding * 2; // 12px 5 | 6 | $window_thumbnail_label_color: transparentize($osd_bg_color, 0.4); 7 | 8 | $window_close_button_color: transparentize(lighten($osd_bg_color, 7%), .02); 9 | $window_close_button_size: 30px; 10 | $window_close_button_padding: 3px; 11 | 12 | // Window picker 13 | .window-picker { 14 | // Space between window thumbnails 15 | spacing: $window_picker_spacing; 16 | } 17 | 18 | // Window titles 19 | .window-caption { 20 | color: $osd_fg_color; 21 | background-color: lighten($osd_bg_color, 5%); 22 | border-radius: 99px; 23 | padding: $base_padding $base_padding * 2; 24 | } 25 | 26 | // Close button 27 | .window-close { 28 | background-color: $window_close_button_color; 29 | color: $osd_fg_color; 30 | border-radius: 99px; 31 | box-shadow: 0 2px 4px 0 $shadow_color; 32 | padding: $window_close_button_padding; 33 | height: $window_close_button_size; 34 | width: $window_close_button_size; 35 | transition-duration: 100ms; 36 | 37 | & StIcon { icon-size: 24px; } // uses non standard icon size 38 | 39 | &:hover { 40 | background-color: lighten($window_close_button_color, 7%); 41 | } 42 | 43 | &:active { 44 | background-color: lighten($window_close_button_color, 13%); 45 | } 46 | } 47 | 48 | .workspace-background { 49 | // keep in sync with BACKGROUND_CORNER_RADIUS_PIXELS in workspace.js 50 | border-radius: 30px; 51 | box-shadow: 0 4px 16px 4px transparentize(darken($osd_bg_color, 30%), 0.7); 52 | } 53 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_window-picker.scss: -------------------------------------------------------------------------------- 1 | /* Window Picker */ 2 | 3 | $window_picker_spacing: $base_padding; // 6px 4 | $window_picker_padding: $base_padding * 2; // 12px 5 | 6 | $window_thumbnail_label_color: transparentize($osd_bg_color, 0.4); 7 | 8 | $window_close_button_color: transparentize(lighten($osd_bg_color, 7%), .02); 9 | $window_close_button_size: 30px; 10 | $window_close_button_padding: 3px; 11 | 12 | // Window picker 13 | .window-picker { 14 | // Space between window thumbnails 15 | spacing: $window_picker_spacing; 16 | } 17 | 18 | // Window titles 19 | .window-caption { 20 | color: $osd_fg_color; 21 | background-color: lighten($osd_bg_color, 5%); 22 | border-radius: 99px; 23 | padding: $base_padding $base_padding * 2; 24 | } 25 | 26 | // Close button 27 | .window-close { 28 | background-color: $window_close_button_color; 29 | color: $osd_fg_color; 30 | border-radius: 99px; 31 | box-shadow: 0 2px 4px 0 $shadow_color; 32 | padding: $window_close_button_padding; 33 | height: $window_close_button_size; 34 | width: $window_close_button_size; 35 | transition-duration: 100ms; 36 | 37 | & StIcon { icon-size: 24px; } // uses non standard icon size 38 | 39 | &:hover { 40 | background-color: lighten($window_close_button_color, 7%); 41 | } 42 | 43 | &:active { 44 | background-color: lighten($window_close_button_color, 13%); 45 | } 46 | } 47 | 48 | .workspace-background { 49 | // keep in sync with BACKGROUND_CORNER_RADIUS_PIXELS in workspace.js 50 | border-radius: 30px; 51 | background-color: $invisible_occluded_bg_color; 52 | box-shadow: 0 4px 16px 4px transparentize(darken($osd_bg_color, 30%), 0.7); 53 | } 54 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_osd.scss: -------------------------------------------------------------------------------- 1 | /* OSD */ 2 | 3 | $osd_levelbar_height:6px; 4 | 5 | .osd-window { 6 | @extend %osd_panel; 7 | @extend %heading; 8 | text-align: center; 9 | font-weight: bold; 10 | spacing: $base_padding * 2; // 12px 11 | padding: $base_padding * 2 $base_padding * 3; 12 | & > * { spacing: 8px; } 13 | margin-bottom: 4em; 14 | 15 | StIcon { icon-size:$large_icon_size;} 16 | 17 | StLabel { 18 | &:ltr { margin-right: 6px; } 19 | &:rtl { margin-left: 6px; } 20 | } 21 | 22 | .level { 23 | margin-bottom: 4px; 24 | &:first-child { margin-bottom: 0px; } 25 | 26 | height: $osd_levelbar_height; 27 | min-width:$base_icon_size * 10; 28 | -barlevel-height: $osd_levelbar_height; 29 | -barlevel-background-color: transparentize($osd_fg_color, if($variant=='light', 0.7, 0.9)); 30 | -barlevel-active-background-color: $osd_fg_color; 31 | -barlevel-overdrive-color: $destructive_color; 32 | -barlevel-overdrive-separator-width: 3px; 33 | &:ltr { margin-right: 6px; } 34 | &:rtl { margin-left: 6px; } 35 | } 36 | } 37 | 38 | // Monitor number label 39 | .osd-monitor-label { 40 | @extend %osd_panel; 41 | border-radius: $modal_radius; 42 | font-size: 3em; 43 | font-weight: bold; 44 | margin: $base_margin * 3; 45 | text-align: center; 46 | min-width: 1.3em; 47 | } 48 | 49 | /* Pad OSD */ 50 | .pad-osd-window { 51 | padding: 32px; 52 | background-color: transparentize(#000, 0.2); 53 | 54 | .pad-osd-title-box { spacing: 12px; } 55 | .pad-osd-title-menu-box { spacing: 6px; } 56 | } 57 | 58 | .combo-box-label { 59 | width: 15em; 60 | } 61 | 62 | .resize-popup { 63 | @extend %osd_panel; 64 | } 65 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_osd.scss: -------------------------------------------------------------------------------- 1 | /* OSD */ 2 | 3 | $osd_levelbar_height:6px; 4 | 5 | .osd-window { 6 | @extend %osd_panel; 7 | @extend %heading; 8 | text-align: center; 9 | font-weight: bold; 10 | spacing: $base_padding * 2; // 12px 11 | padding: $base_padding * 2 $base_padding * 3; 12 | & > * { spacing: 8px; } 13 | margin-bottom: 4em; 14 | 15 | StIcon { icon-size:$large_icon_size;} 16 | 17 | StLabel { 18 | &:ltr { margin-right: 6px; } 19 | &:rtl { margin-left: 6px; } 20 | } 21 | 22 | .level { 23 | margin-bottom: 4px; 24 | &:first-child { margin-bottom: 0px; } 25 | 26 | height: $osd_levelbar_height; 27 | min-width:$base_icon_size * 10; 28 | -barlevel-height: $osd_levelbar_height; 29 | -barlevel-background-color: transparentize($osd_fg_color, if($variant=='light', 0.7, 0.9)); 30 | -barlevel-active-background-color: $osd_fg_color; 31 | -barlevel-overdrive-color: $destructive_color; 32 | -barlevel-overdrive-separator-width: 3px; 33 | &:ltr { margin-right: 6px; } 34 | &:rtl { margin-left: 6px; } 35 | } 36 | } 37 | 38 | // Monitor number label 39 | .osd-monitor-label { 40 | @extend %osd_panel; 41 | border-radius: $modal_radius; 42 | font-size: 3em; 43 | font-weight: bold; 44 | margin: $base_margin * 3; 45 | text-align: center; 46 | min-width: 1.3em; 47 | } 48 | 49 | /* Pad OSD */ 50 | .pad-osd-window { 51 | padding: 32px; 52 | background-color: transparentize(#000, 0.2); 53 | 54 | .pad-osd-title-box { spacing: 12px; } 55 | .pad-osd-title-menu-box { spacing: 6px; } 56 | } 57 | 58 | .combo-box-label { 59 | width: 15em; 60 | } 61 | 62 | .resize-popup { 63 | @extend %osd_panel; 64 | } 65 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_osd.scss: -------------------------------------------------------------------------------- 1 | /* OSD */ 2 | 3 | $osd_levelbar_height:6px; 4 | 5 | .osd-window { 6 | @extend %osd_panel; 7 | @extend %heading; 8 | text-align: center; 9 | font-weight: bold; 10 | spacing: $base_padding * 2; // 12px 11 | padding: $base_padding * 2 $base_padding * 3; 12 | & > * { spacing: 8px; } 13 | margin-bottom: 4em; 14 | 15 | StIcon { icon-size:$large_icon_size;} 16 | 17 | StLabel { 18 | &:ltr { margin-right: 6px; } 19 | &:rtl { margin-left: 6px; } 20 | } 21 | 22 | .level { 23 | margin-bottom: 4px; 24 | &:first-child { margin-bottom: 0px; } 25 | 26 | height: $osd_levelbar_height; 27 | min-width:$base_icon_size * 10; 28 | -barlevel-height: $osd_levelbar_height; 29 | -barlevel-background-color: transparentize($osd_fg_color, if($variant=='light', 0.7, 0.9)); 30 | -barlevel-active-background-color: $osd_fg_color; 31 | -barlevel-overdrive-color: $destructive_color; 32 | -barlevel-overdrive-separator-width: 3px; 33 | &:ltr { margin-right: 6px; } 34 | &:rtl { margin-left: 6px; } 35 | } 36 | } 37 | 38 | // Monitor number label 39 | .osd-monitor-label { 40 | @extend %osd_panel; 41 | border-radius: $modal_radius; 42 | font-size: 3em; 43 | font-weight: bold; 44 | margin: $base_margin * 3; 45 | text-align: center; 46 | min-width: 1.3em; 47 | } 48 | 49 | /* Pad OSD */ 50 | .pad-osd-window { 51 | padding: 32px; 52 | background-color: transparentize(#000, 0.2); 53 | 54 | .pad-osd-title-box { spacing: 12px; } 55 | .pad-osd-title-menu-box { spacing: 6px; } 56 | } 57 | 58 | .combo-box-label { 59 | width: 15em; 60 | } 61 | 62 | .resize-popup { 63 | @extend %osd_panel; 64 | } 65 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_osd.scss: -------------------------------------------------------------------------------- 1 | /* OSD */ 2 | 3 | $osd_levelbar_height:6px; 4 | 5 | .osd-window { 6 | @extend %osd_panel; 7 | @extend %heading; 8 | text-align: center; 9 | font-weight: bold; 10 | spacing: $base_padding * 2; // 12px 11 | padding: $base_padding * 2 $base_padding * 3; 12 | & > * { spacing: 8px; } 13 | margin-bottom: 4em; 14 | 15 | StIcon { icon-size:$large_icon_size;} 16 | 17 | StLabel { 18 | &:ltr { margin-right: 6px; } 19 | &:rtl { margin-left: 6px; } 20 | } 21 | 22 | .level { 23 | margin-bottom: 4px; 24 | &:first-child { margin-bottom: 0px; } 25 | 26 | height: $osd_levelbar_height; 27 | min-width:$base_icon_size * 10; 28 | -barlevel-height: $osd_levelbar_height; 29 | -barlevel-background-color: transparentize($osd_fg_color, if($variant=='light', 0.7, 0.9)); 30 | -barlevel-active-background-color: $osd_fg_color; 31 | -barlevel-overdrive-color: $destructive_color; 32 | -barlevel-overdrive-separator-width: 3px; 33 | &:ltr { margin-right: 6px; } 34 | &:rtl { margin-left: 6px; } 35 | } 36 | } 37 | 38 | // Monitor number label 39 | .osd-monitor-label { 40 | @extend %osd_panel; 41 | border-radius: $modal_radius; 42 | font-size: 3em; 43 | font-weight: bold; 44 | margin: $base_margin * 3; 45 | text-align: center; 46 | min-width: 1.3em; 47 | } 48 | 49 | /* Pad OSD */ 50 | .pad-osd-window { 51 | padding: 32px; 52 | background-color: transparentize(#000, 0.2); 53 | 54 | .pad-osd-title-box { spacing: 12px; } 55 | .pad-osd-title-menu-box { spacing: 6px; } 56 | } 57 | 58 | .combo-box-label { 59 | width: 15em; 60 | } 61 | 62 | .resize-popup { 63 | @extend %osd_panel; 64 | } 65 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/checkbox-focused.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/checkbox-focused.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/checkbox-focused.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/checkbox-focused.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_misc.scss: -------------------------------------------------------------------------------- 1 | // Rubberband for select-area screenshots 2 | .select-area-rubberband { 3 | background-color: transparentize($selected_bg_color,0.7); 4 | border: 1px solid $selected_bg_color; 5 | } 6 | 7 | // User icon 8 | .user-icon { 9 | background-size: contain; 10 | color: $osd_fg_color; 11 | border-radius: 99px; 12 | icon-size: $base_icon_size * 4; // 64px 13 | &:hover { 14 | color: lighten($osd_fg_color,30%); 15 | } 16 | 17 | & StIcon { 18 | background-color: transparentize($osd_fg_color,0.95); 19 | border-radius: 99px; 20 | padding: $base_padding * 2 ; // 12px 21 | width: $base_icon_size * 2.5; height: $base_icon_size * 2.5; // 40px; 22 | } 23 | 24 | &.user-avatar { 25 | border: 2px $osd_fg_color; 26 | } 27 | } 28 | 29 | .user-widget.vertical .user-icon { 30 | icon-size: $base_icon_size * 6; // 128px 31 | 32 | & StIcon { 33 | padding: $base_padding * 3 + 2px; // 20px 34 | padding-top: $base_padding * 3; // 18 px 35 | padding-bottom: $base_padding * 3 + 4px; // 22px 36 | width: $base_icon_size * 5.5; height: $base_icon_size * 5.5; // 88px; 37 | } 38 | } 39 | 40 | .lightbox { background-color: black; } 41 | .flashspot { background-color: white; } 42 | 43 | 44 | // Hidden 45 | .hidden { color: rgba(0,0,0,0);} 46 | 47 | // Caps-lock warning 48 | .caps-lock-warning-label { 49 | text-align: center; 50 | padding-bottom: 8px; 51 | @extend %caption; 52 | color: $warning_color; 53 | } 54 | 55 | /* Workspace animation */ 56 | 57 | .workspace-animation { 58 | background-color: $system_bg_color; 59 | } 60 | 61 | /* Tiled window previews */ 62 | .tile-preview { 63 | background-color: transparentize($selected_bg_color,0.5); 64 | border: 1px solid $selected_bg_color; 65 | } 66 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_misc.scss: -------------------------------------------------------------------------------- 1 | // Rubberband for select-area screenshots 2 | .select-area-rubberband { 3 | background-color: transparentize($selected_bg_color,0.7); 4 | border: 1px solid $selected_bg_color; 5 | } 6 | 7 | // User icon 8 | .user-icon { 9 | background-size: contain; 10 | color: $osd_fg_color; 11 | border-radius: 99px; 12 | icon-size: $base_icon_size * 4; // 64px 13 | &:hover { 14 | color: lighten($osd_fg_color,30%); 15 | } 16 | 17 | & StIcon { 18 | background-color: transparentize($osd_fg_color,0.95); 19 | border-radius: 99px; 20 | padding: $base_padding * 2 ; // 12px 21 | width: $base_icon_size * 2.5; height: $base_icon_size * 2.5; // 40px; 22 | } 23 | 24 | &.user-avatar { 25 | border: 2px $osd_fg_color; 26 | } 27 | } 28 | 29 | .user-widget.vertical .user-icon { 30 | icon-size: $base_icon_size * 6; // 128px 31 | 32 | & StIcon { 33 | padding: $base_padding * 3 + 2px; // 20px 34 | padding-top: $base_padding * 3; // 18 px 35 | padding-bottom: $base_padding * 3 + 4px; // 22px 36 | width: $base_icon_size * 5.5; height: $base_icon_size * 5.5; // 88px; 37 | } 38 | } 39 | 40 | .lightbox { background-color: black; } 41 | .flashspot { background-color: white; } 42 | 43 | 44 | // Hidden 45 | .hidden { color: rgba(0,0,0,0);} 46 | 47 | // Caps-lock warning 48 | .caps-lock-warning-label { 49 | text-align: center; 50 | padding-bottom: 8px; 51 | @extend %caption; 52 | color: $warning_color; 53 | } 54 | 55 | /* Workspace animation */ 56 | 57 | .workspace-animation { 58 | background-color: $system_bg_color; 59 | } 60 | 61 | /* Tiled window previews */ 62 | .tile-preview { 63 | background-color: transparentize($selected_bg_color,0.5); 64 | border: 1px solid $selected_bg_color; 65 | } 66 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_notifications.scss: -------------------------------------------------------------------------------- 1 | /* Notifications & Message Tray */ 2 | 3 | $notification_banner_height: 64px; 4 | $notification_banner_width: 34em; 5 | $notification_banner_radius: $base_border_radius*1.5; 6 | 7 | // Banner notifications 8 | .notification-banner { 9 | min-height: $notification_banner_height; 10 | width: $notification_banner_width; 11 | box-shadow: 0 2px 4px 2px $shadow_color; 12 | border-radius: $notification_banner_radius; 13 | margin: $base_margin; 14 | 15 | .notification-actions { 16 | spacing: 0; 17 | } 18 | 19 | .notification-button { 20 | @extend %bubble_button; 21 | } 22 | } 23 | 24 | // counter 25 | .summary-source-counter { 26 | font-size: $base_font_size - 1pt; 27 | font-weight: bold; 28 | height: 1.6em; 29 | width: 1.6em; 30 | -shell-counter-overlap-x: 3px; 31 | -shell-counter-overlap-y: 3px; 32 | background-color: $selected_bg_color; 33 | color: $selected_fg_color; 34 | border: 2px solid $fg_color; 35 | box-shadow: 0 2px 2px rgba(0,0,0,0.5); 36 | border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%; 37 | } 38 | 39 | // chat bubbles 40 | .chat-body { spacing: 5px; } 41 | .chat-response { margin: 5px; } 42 | .chat-log-message { color: darken($fg_color,10%); } 43 | .chat-new-group { padding-top: 1em; } 44 | .chat-received { 45 | padding-left: 4px; 46 | &:rtl { padding-left: 0px; padding-right: 4px; } 47 | } 48 | 49 | .chat-sent { 50 | padding-left: 18pt; 51 | color: lighten($fg_color, 15%); 52 | &:rtl { padding-left: 0; padding-right: 18pt; } 53 | } 54 | 55 | .chat-meta-message { 56 | padding-left: 4px; 57 | @include fontsize($base_font_size - 2); 58 | font-weight: bold; 59 | color: lighten($fg_color,18%); 60 | &:rtl { padding-left: 0; padding-right: 4px; } 61 | } 62 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_notifications.scss: -------------------------------------------------------------------------------- 1 | /* Notifications & Message Tray */ 2 | 3 | $notification_banner_height: 64px; 4 | $notification_banner_width: 34em; 5 | $notification_banner_radius: $base_border_radius*1.5; 6 | 7 | // Banner notifications 8 | .notification-banner { 9 | min-height: $notification_banner_height; 10 | width: $notification_banner_width; 11 | box-shadow: 0 2px 4px 2px $shadow_color; 12 | border-radius: $notification_banner_radius; 13 | margin: $base_margin; 14 | 15 | .notification-actions { 16 | spacing: 0; 17 | } 18 | 19 | .notification-button { 20 | @extend %bubble_button; 21 | } 22 | } 23 | 24 | // counter 25 | .summary-source-counter { 26 | font-size: $base_font_size - 1pt; 27 | font-weight: bold; 28 | height: 1.6em; 29 | width: 1.6em; 30 | -shell-counter-overlap-x: 3px; 31 | -shell-counter-overlap-y: 3px; 32 | background-color: $selected_bg_color; 33 | color: $selected_fg_color; 34 | border: 2px solid $fg_color; 35 | box-shadow: 0 2px 2px rgba(0,0,0,0.5); 36 | border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%; 37 | } 38 | 39 | // chat bubbles 40 | .chat-body { spacing: 5px; } 41 | .chat-response { margin: 5px; } 42 | .chat-log-message { color: darken($fg_color,10%); } 43 | .chat-new-group { padding-top: 1em; } 44 | .chat-received { 45 | padding-left: 4px; 46 | &:rtl { padding-left: 0px; padding-right: 4px; } 47 | } 48 | 49 | .chat-sent { 50 | padding-left: 18pt; 51 | color: lighten($fg_color, 15%); 52 | &:rtl { padding-left: 0; padding-right: 18pt; } 53 | } 54 | 55 | .chat-meta-message { 56 | padding-left: 4px; 57 | @include fontsize($base_font_size - 2); 58 | font-weight: bold; 59 | color: lighten($fg_color,18%); 60 | &:rtl { padding-left: 0; padding-right: 4px; } 61 | } 62 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_notifications.scss: -------------------------------------------------------------------------------- 1 | /* Notifications & Message Tray */ 2 | 3 | $notification_banner_height: 64px; 4 | $notification_banner_width: 34em; 5 | $notification_banner_radius: $base_border_radius*1.5; 6 | 7 | // Banner notifications 8 | .notification-banner { 9 | min-height: $notification_banner_height; 10 | width: $notification_banner_width; 11 | box-shadow: 0 2px 4px 2px $shadow_color; 12 | border-radius: $notification_banner_radius; 13 | margin: $base_margin; 14 | 15 | .notification-actions { 16 | spacing: 0; 17 | } 18 | 19 | .notification-button { 20 | @extend %bubble_button; 21 | } 22 | } 23 | 24 | // counter 25 | .summary-source-counter { 26 | font-size: $base_font_size - 1pt; 27 | font-weight: bold; 28 | height: 1.6em; 29 | width: 1.6em; 30 | -shell-counter-overlap-x: 3px; 31 | -shell-counter-overlap-y: 3px; 32 | background-color: $selected_bg_color; 33 | color: $selected_fg_color; 34 | border: 2px solid $fg_color; 35 | box-shadow: 0 2px 2px rgba(0,0,0,0.5); 36 | border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%; 37 | } 38 | 39 | // chat bubbles 40 | .chat-body { spacing: 5px; } 41 | .chat-response { margin: 5px; } 42 | .chat-log-message { color: darken($fg_color,10%); } 43 | .chat-new-group { padding-top: 1em; } 44 | .chat-received { 45 | padding-left: 4px; 46 | &:rtl { padding-left: 0px; padding-right: 4px; } 47 | } 48 | 49 | .chat-sent { 50 | padding-left: 18pt; 51 | color: lighten($fg_color, 15%); 52 | &:rtl { padding-left: 0; padding-right: 18pt; } 53 | } 54 | 55 | .chat-meta-message { 56 | padding-left: 4px; 57 | @include fontsize($base_font_size - 2); 58 | font-weight: bold; 59 | color: lighten($fg_color,18%); 60 | &:rtl { padding-left: 0; padding-right: 4px; } 61 | } 62 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_notifications.scss: -------------------------------------------------------------------------------- 1 | /* Notifications & Message Tray */ 2 | 3 | $notification_banner_height: 64px; 4 | $notification_banner_width: 34em; 5 | $notification_banner_radius: $base_border_radius*1.5; 6 | 7 | // Banner notifications 8 | .notification-banner { 9 | min-height: $notification_banner_height; 10 | width: $notification_banner_width; 11 | box-shadow: 0 2px 4px 2px $shadow_color; 12 | border-radius: $notification_banner_radius; 13 | margin: $base_margin; 14 | 15 | .notification-actions { 16 | spacing: 0; 17 | } 18 | 19 | .notification-button { 20 | @extend %bubble_button; 21 | } 22 | } 23 | 24 | // counter 25 | .summary-source-counter { 26 | font-size: $base_font_size - 1pt; 27 | font-weight: bold; 28 | height: 1.6em; 29 | width: 1.6em; 30 | -shell-counter-overlap-x: 3px; 31 | -shell-counter-overlap-y: 3px; 32 | background-color: $selected_bg_color; 33 | color: $selected_fg_color; 34 | border: 2px solid $fg_color; 35 | box-shadow: 0 2px 2px rgba(0,0,0,0.5); 36 | border-radius: 0.9em; // should be 0.8 but whatever; wish I could do 50%; 37 | } 38 | 39 | // chat bubbles 40 | .chat-body { spacing: 5px; } 41 | .chat-response { margin: 5px; } 42 | .chat-log-message { color: darken($fg_color,10%); } 43 | .chat-new-group { padding-top: 1em; } 44 | .chat-received { 45 | padding-left: 4px; 46 | &:rtl { padding-left: 0px; padding-right: 4px; } 47 | } 48 | 49 | .chat-sent { 50 | padding-left: 18pt; 51 | color: lighten($fg_color, 15%); 52 | &:rtl { padding-left: 0; padding-right: 18pt; } 53 | } 54 | 55 | .chat-meta-message { 56 | padding-left: 4px; 57 | @include fontsize($base_font_size - 2); 58 | font-weight: bold; 59 | color: lighten($fg_color,18%); 60 | &:rtl { padding-left: 0; padding-right: 4px; } 61 | } 62 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_switcher-popup.scss: -------------------------------------------------------------------------------- 1 | /* App Switcher */ 2 | 3 | // same as dash 4 | $switcher_padding: $base_padding + 4px; // 10px 5 | $switcher_border_radius: $modal_radius + 8px; 6 | 7 | 8 | // the full screen container of the switcher 9 | .switcher-popup { 10 | padding: 0; 11 | spacing: $base_padding * 4; 12 | } 13 | 14 | // switcher onscreen panel 15 | .switcher-list { 16 | @extend %osd_panel; 17 | padding: $switcher_padding; 18 | border-radius: $switcher_border_radius; 19 | box-shadow: 0 8px 8px 0 rgba(0,0,0,0.1); 20 | 21 | // container for items in list 22 | .switcher-list-item-container { 23 | spacing: $base_padding * 2; 24 | } 25 | 26 | // each item in the list 27 | .item-box { 28 | @include tile_button($osd_fg_color); 29 | // override over style so mouse doesn't steal focus 30 | &:hover {background: none;} 31 | } 32 | 33 | .separator { 34 | width: 1px; 35 | background: $borders_color; 36 | } 37 | 38 | // container of thumbnails 39 | .thumbnail-box { 40 | padding: 2px; 41 | spacing: $base_padding; 42 | } 43 | 44 | // window thumbnail itself 45 | .thumbnail { 46 | width: 256px; // equal to THUMBNAIL_DEFAULT_SIZE in altTab.js 47 | border-radius:$base_border_radius; 48 | } 49 | } 50 | 51 | // arrow if app has multiple windows 52 | .switcher-arrow { 53 | border-color: transparentize($osd_fg_color, 0.2); 54 | color: transparentize($osd_fg_color, 0.2); 55 | 56 | &:highlighted { 57 | border-color: $osd_fg_color; 58 | color: $osd_fg_color; 59 | } 60 | } 61 | 62 | // Input Source Switcher 63 | .input-source-switcher-symbol { 64 | font-size: 34pt; 65 | width: 96px; 66 | height: 96px; 67 | } 68 | 69 | // Window cycler highlight 70 | .cycler-highlight { 71 | border: 5px solid $selected_bg_color; 72 | } 73 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_switcher-popup.scss: -------------------------------------------------------------------------------- 1 | /* App Switcher */ 2 | 3 | // same as dash 4 | $switcher_padding: $base_padding + 4px; // 10px 5 | $switcher_border_radius: $modal_radius + 8px; 6 | 7 | 8 | // the full screen container of the switcher 9 | .switcher-popup { 10 | padding: 0; 11 | spacing: $base_padding * 4; 12 | } 13 | 14 | // switcher onscreen panel 15 | .switcher-list { 16 | @extend %osd_panel; 17 | padding: $switcher_padding; 18 | border-radius: $switcher_border_radius; 19 | box-shadow: 0 8px 8px 0 rgba(0,0,0,0.1); 20 | 21 | // container for items in list 22 | .switcher-list-item-container { 23 | spacing: $base_padding * 2; 24 | } 25 | 26 | // each item in the list 27 | .item-box { 28 | @include tile_button($osd_fg_color); 29 | // override over style so mouse doesn't steal focus 30 | &:hover {background: none;} 31 | } 32 | 33 | .separator { 34 | width: 1px; 35 | background: $borders_color; 36 | } 37 | 38 | // container of thumbnails 39 | .thumbnail-box { 40 | padding: 2px; 41 | spacing: $base_padding; 42 | } 43 | 44 | // window thumbnail itself 45 | .thumbnail { 46 | width: 256px; // equal to THUMBNAIL_DEFAULT_SIZE in altTab.js 47 | border-radius:$base_border_radius; 48 | } 49 | } 50 | 51 | // arrow if app has multiple windows 52 | .switcher-arrow { 53 | border-color: transparentize($osd_fg_color, 0.2); 54 | color: transparentize($osd_fg_color, 0.2); 55 | 56 | &:highlighted { 57 | border-color: $osd_fg_color; 58 | color: $osd_fg_color; 59 | } 60 | } 61 | 62 | // Input Source Switcher 63 | .input-source-switcher-symbol { 64 | font-size: 34pt; 65 | width: 96px; 66 | height: 96px; 67 | } 68 | 69 | // Window cycler highlight 70 | .cycler-highlight { 71 | border: 5px solid $selected_bg_color; 72 | } 73 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_switcher-popup.scss: -------------------------------------------------------------------------------- 1 | /* App Switcher */ 2 | 3 | // same as dash 4 | $switcher_padding: $base_padding*2; 5 | 6 | 7 | // the full screen container of the switcher 8 | .switcher-popup { 9 | padding: 0; 10 | spacing: $base_padding * 4; 11 | } 12 | 13 | // switcher onscreen panel 14 | .switcher-list { 15 | @extend %osd_panel; 16 | padding: $switcher_padding; 17 | border-radius: $modal_radius+$switcher_padding; 18 | box-shadow: 0 8px 8px 0 $shadow_color; 19 | 20 | // container for items in list 21 | .switcher-list-item-container { 22 | spacing: $base_padding * 2; 23 | } 24 | 25 | // each item in the list 26 | .item-box { 27 | @include tile_button($fg_color); 28 | // override over style so mouse doesn't steal focus 29 | &:hover {background: none;} 30 | @if $is_highcontrast { 31 | box-shadow: inset 0 0 0 999px transparentize($hc_inset_color,0.2); 32 | } 33 | } 34 | 35 | .separator { 36 | width: 1px; 37 | background: $borders_color; 38 | } 39 | 40 | // container of thumbnails 41 | .thumbnail-box { 42 | padding: 2px; 43 | spacing: $base_padding; 44 | } 45 | 46 | // window thumbnail itself 47 | .thumbnail { 48 | width: 256px; // equal to THUMBNAIL_DEFAULT_SIZE in altTab.js 49 | border-radius:$base_border_radius; 50 | } 51 | } 52 | 53 | // arrow if app has multiple windows 54 | .switcher-arrow { 55 | border-color: transparentize($osd_fg_color, 0.2); 56 | color: transparentize($osd_fg_color, 0.2); 57 | 58 | &:highlighted { 59 | border-color: $osd_fg_color; 60 | color: $osd_fg_color; 61 | } 62 | } 63 | 64 | // Input Source Switcher 65 | .input-source-switcher-symbol { 66 | font-size: 34pt; 67 | width: 96px; 68 | height: 96px; 69 | } 70 | 71 | // Window cycler highlight 72 | .cycler-highlight { 73 | border: 5px solid $selected_bg_color; 74 | } 75 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_switcher-popup.scss: -------------------------------------------------------------------------------- 1 | /* App Switcher */ 2 | 3 | // same as dash 4 | $switcher_padding: $base_padding*2; 5 | 6 | 7 | // the full screen container of the switcher 8 | .switcher-popup { 9 | padding: 0; 10 | spacing: $base_padding * 4; 11 | } 12 | 13 | // switcher onscreen panel 14 | .switcher-list { 15 | @extend %osd_panel; 16 | padding: $switcher_padding; 17 | border-radius: $modal_radius+$switcher_padding; 18 | box-shadow: 0 8px 8px 0 $shadow_color; 19 | 20 | // container for items in list 21 | .switcher-list-item-container { 22 | spacing: $base_padding * 2; 23 | } 24 | 25 | // each item in the list 26 | .item-box { 27 | @include tile_button($fg_color); 28 | // override over style so mouse doesn't steal focus 29 | &:hover {background: none;} 30 | @if $is_highcontrast { 31 | box-shadow: inset 0 0 0 999px transparentize($hc_inset_color,0.2); 32 | } 33 | } 34 | 35 | .separator { 36 | width: 1px; 37 | background: $borders_color; 38 | } 39 | 40 | // container of thumbnails 41 | .thumbnail-box { 42 | padding: 2px; 43 | spacing: $base_padding; 44 | } 45 | 46 | // window thumbnail itself 47 | .thumbnail { 48 | width: 256px; // equal to THUMBNAIL_DEFAULT_SIZE in altTab.js 49 | border-radius:$base_border_radius; 50 | } 51 | } 52 | 53 | // arrow if app has multiple windows 54 | .switcher-arrow { 55 | border-color: transparentize($osd_fg_color, 0.2); 56 | color: transparentize($osd_fg_color, 0.2); 57 | 58 | &:highlighted { 59 | border-color: $osd_fg_color; 60 | color: $osd_fg_color; 61 | } 62 | } 63 | 64 | // Input Source Switcher 65 | .input-source-switcher-symbol { 66 | font-size: 34pt; 67 | width: 96px; 68 | height: 96px; 69 | } 70 | 71 | // Window cycler highlight 72 | .cycler-highlight { 73 | border: 5px solid $selected_bg_color; 74 | } 75 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/quantize/quantizer_map.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Licensed under the Apache License, Version 2.0 (the "License"); 3 | * you may not use this file except in compliance with the License. 4 | * You may obtain a copy of the License at 5 | * 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Unless required by applicable law or agreed to in writing, software 9 | * distributed under the License is distributed on an "AS IS" BASIS, 10 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 11 | * See the License for the specific language governing permissions and 12 | * limitations under the License. 13 | */ 14 | import * as utils from "../utils/color_utils.js"; 15 | /** 16 | * Quantizes an image into a map, with keys of ARGB colors, and values of the 17 | * number of times that color appears in the image. 18 | */ 19 | // libmonet is designed to have a consistent API across platforms 20 | // and modular components that can be moved around easily. Using a class as a 21 | // namespace facilitates this. 22 | // 23 | // tslint:disable-next-line:class-as-namespace 24 | export var QuantizerMap = class QuantizerMap { 25 | /** 26 | * @param pixels Colors in ARGB format. 27 | * @return A Map with keys of ARGB colors, and values of the number of times 28 | * the color appears in the image. 29 | */ 30 | static quantize(pixels) { 31 | var _a; 32 | const countByColor = new Map(); 33 | for (let i = 0; i < pixels.length; i++) { 34 | const pixel = pixels[i]; 35 | const alpha = utils.alphaFromArgb(pixel); 36 | if (alpha < 255) { 37 | continue; 38 | } 39 | countByColor.set(pixel, ((_a = countByColor.get(pixel)) !== null && _a !== void 0 ? _a : 0) + 1); 40 | } 41 | return countByColor; 42 | } 43 | } 44 | //# sourceMappingURL=quantizer_map.js.map -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/README.md: -------------------------------------------------------------------------------- 1 | ## Summary 2 | 3 | Do not edit the CSS directly, edit the source SCSS files and the CSS files 4 | will be generated automatically when building with meson + ninja and left 5 | inside the build directory to be incorporated into the gresource XML (you'll 6 | need to have sassc installed). 7 | 8 | ## How to tweak the theme 9 | 10 | Adwaita is a complex theme, so to keep it maintainable it's written and 11 | processed in SASS, the generated CSS is then transformed into a gresource 12 | file during gtk build and used at runtime in a non-legible or editable form. 13 | 14 | It is very likely your change will happen in the [_common.scss][common] file. 15 | That's where all the widget selectors are defined. Here's a rundown of 16 | the "supporting" stylesheets, that are unlikely to be the right place 17 | for a drive by stylesheet fix: 18 | 19 | | File | Description | 20 | | ------------------------ | ----------------- | 21 | | [_colors.scss][colors] | global color definitions. We keep the number of defined colors to a necessary minimum, most colors are derived from a handful of basics. It is an exact copy of the gtk+ counterpart. Light theme is used for the classic theme and dark is for GNOME3 shell default. | 22 | | [_drawing.scss][drawing] | drawing helper mixings/functions to allow easier definition of widget drawing under specific context. This is why Adwaita isn't 15000 LOC. | 23 | | [_common.scss][common] | actual definitions of style for each widget. This is where you are likely to add/remove your changes. | 24 | 25 | You can read about SASS on its [web page][sass-web]. Once you make your 26 | changes to the [_common.scss][common] file, you can run ninja to generate the 27 | final CSS files. 28 | 29 | [common]: data/theme/gnome-shell-sass/_common.scss 30 | [colors]: data/theme/gnome-shell-sass/_colors.scss 31 | [drawing]: data/theme/gnome-shell-sass/_drawing.scss 32 | [sass-web]: http://sass-lang.com/documentation/ 33 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/README.md: -------------------------------------------------------------------------------- 1 | ## Summary 2 | 3 | Do not edit the CSS directly, edit the source SCSS files and the CSS files 4 | will be generated automatically when building with meson + ninja and left 5 | inside the build directory to be incorporated into the gresource XML (you'll 6 | need to have sassc installed). 7 | 8 | ## How to tweak the theme 9 | 10 | Adwaita is a complex theme, so to keep it maintainable it's written and 11 | processed in SASS, the generated CSS is then transformed into a gresource 12 | file during gtk build and used at runtime in a non-legible or editable form. 13 | 14 | It is very likely your change will happen in the [_common.scss][common] file. 15 | That's where all the widget selectors are defined. Here's a rundown of 16 | the "supporting" stylesheets, that are unlikely to be the right place 17 | for a drive by stylesheet fix: 18 | 19 | | File | Description | 20 | | ------------------------ | ----------------- | 21 | | [_colors.scss][colors] | global color definitions. We keep the number of defined colors to a necessary minimum, most colors are derived from a handful of basics. It is an exact copy of the gtk+ counterpart. Light theme is used for the classic theme and dark is for GNOME3 shell default. | 22 | | [_drawing.scss][drawing] | drawing helper mixings/functions to allow easier definition of widget drawing under specific context. This is why Adwaita isn't 15000 LOC. | 23 | | [_common.scss][common] | actual definitions of style for each widget. This is where you are likely to add/remove your changes. | 24 | 25 | You can read about SASS on its [web page][sass-web]. Once you make your 26 | changes to the [_common.scss][common] file, you can run ninja to generate the 27 | final CSS files. 28 | 29 | [common]: data/theme/gnome-shell-sass/_common.scss 30 | [colors]: data/theme/gnome-shell-sass/_colors.scss 31 | [drawing]: data/theme/gnome-shell-sass/_drawing.scss 32 | [sass-web]: http://sass-lang.com/documentation/ 33 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/quantize/lab_point_provider.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Licensed under the Apache License, Version 2.0 (the "License"); 3 | * you may not use this file except in compliance with the License. 4 | * You may obtain a copy of the License at 5 | * 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Unless required by applicable law or agreed to in writing, software 9 | * distributed under the License is distributed on an "AS IS" BASIS, 10 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 11 | * See the License for the specific language governing permissions and 12 | * limitations under the License. 13 | */ 14 | import * as utils from "../utils/color_utils.js"; 15 | 16 | /** 17 | * Provides conversions needed for K-Means quantization. Converting input to 18 | * points, and converting the final state of the K-Means algorithm to colors. 19 | */ 20 | export var LabPointProvider = class LabPointProvider { 21 | /** 22 | * Convert a color represented in ARGB to a 3-element array of L*a*b* 23 | * coordinates of the color. 24 | */ 25 | fromInt(argb) { 26 | return utils.labFromArgb(argb); 27 | } 28 | /** 29 | * Convert a 3-element array to a color represented in ARGB. 30 | */ 31 | toInt(point) { 32 | return utils.argbFromLab(point[0], point[1], point[2]); 33 | } 34 | /** 35 | * Standard CIE 1976 delta E formula also takes the square root, unneeded 36 | * here. This method is used by quantization algorithms to compare distance, 37 | * and the relative ordering is the same, with or without a square root. 38 | * 39 | * This relatively minor optimization is helpful because this method is 40 | * called at least once for each pixel in an image. 41 | */ 42 | distance(from, to) { 43 | const dL = from[0] - to[0]; 44 | const dA = from[1] - to[1]; 45 | const dB = from[2] - to[2]; 46 | return dL * dL + dA * dA + dB * dB; 47 | } 48 | } 49 | //# sourceMappingURL=lab_point_provider.js.map -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_screen-shield.scss: -------------------------------------------------------------------------------- 1 | /* Screen Shield */ 2 | 3 | .unlock-dialog-clock { 4 | color: white; 5 | font-weight: 300; 6 | text-align: center; 7 | spacing: 24px; 8 | padding-bottom: 2.5em; 9 | } 10 | 11 | .unlock-dialog-clock-time { 12 | font-size: 64pt; 13 | padding-top: 42px; 14 | @extend %numeric; 15 | } 16 | 17 | .unlock-dialog-clock-date { 18 | font-size: 16pt; 19 | font-weight: normal; 20 | } 21 | 22 | .unlock-dialog-clock-hint { 23 | font-weight: normal; 24 | padding-top: 48px; 25 | } 26 | 27 | .unlock-dialog-notifications-container { 28 | margin: 12px; 29 | spacing: 6px; 30 | width: 23em; 31 | background-color: transparent; 32 | 33 | .summary-notification-stack-scrollview { 34 | padding-top: 0; 35 | padding-bottom: 0; 36 | } 37 | 38 | .notification, 39 | .unlock-dialog-notification-source { 40 | padding: 12px 16px; 41 | border: none; 42 | background-color: transparentize($osd_fg_color,0.9); 43 | color: $osd_fg_color; 44 | border-radius: $modal_radius; 45 | 46 | &.critical { background-color: transparentize($osd_fg_color,0.8) } 47 | } 48 | } 49 | 50 | .unlock-dialog-notification-label { 51 | padding-left: 12px; 52 | padding-right: 0; 53 | &:rtl { padding-right: 12px; padding-left: 0; } 54 | } 55 | 56 | .unlock-dialog-notification-count-text { 57 | font-weight: bold; 58 | padding: 0 12px; 59 | color: $osd_fg_color; 60 | background-color: transparentize($osd_fg_color, 0.9); 61 | border-radius: 99px; 62 | } 63 | 64 | .screen-shield-background { //just the shadow, really 65 | background: black; 66 | box-shadow: 0 2px 4px rgba(0,0,0,0.6); 67 | } 68 | 69 | #lockDialogGroup { 70 | background-color: $system_bg_color; 71 | } 72 | #unlockDialogNotifications { 73 | StButton#vhandle, StButton#hhandle { 74 | background-color: transparentize($bg_color,0.7); 75 | &:hover, &:focus { background-color: transparentize($bg_color,0.5); } 76 | &:active { background-color: transparentize($selected_bg_color,0.5); } 77 | } 78 | } 79 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_screen-shield.scss: -------------------------------------------------------------------------------- 1 | /* Screen Shield */ 2 | 3 | .unlock-dialog-clock { 4 | color: white; 5 | font-weight: 300; 6 | text-align: center; 7 | spacing: 24px; 8 | padding-bottom: 2.5em; 9 | } 10 | 11 | .unlock-dialog-clock-time { 12 | font-size: 64pt; 13 | padding-top: 42px; 14 | @extend %numeric; 15 | } 16 | 17 | .unlock-dialog-clock-date { 18 | font-size: 16pt; 19 | font-weight: normal; 20 | } 21 | 22 | .unlock-dialog-clock-hint { 23 | font-weight: normal; 24 | padding-top: 48px; 25 | } 26 | 27 | .unlock-dialog-notifications-container { 28 | margin: 12px; 29 | spacing: 6px; 30 | width: 23em; 31 | background-color: transparent; 32 | 33 | .summary-notification-stack-scrollview { 34 | padding-top: 0; 35 | padding-bottom: 0; 36 | } 37 | 38 | .notification, 39 | .unlock-dialog-notification-source { 40 | padding: 12px 16px; 41 | border: none; 42 | background-color: transparentize($osd_fg_color,0.9); 43 | color: $osd_fg_color; 44 | border-radius: $modal_radius; 45 | 46 | &.critical { background-color: transparentize($osd_fg_color,0.8) } 47 | } 48 | } 49 | 50 | .unlock-dialog-notification-label { 51 | padding-left: 12px; 52 | padding-right: 0; 53 | &:rtl { padding-right: 12px; padding-left: 0; } 54 | } 55 | 56 | .unlock-dialog-notification-count-text { 57 | font-weight: bold; 58 | padding: 0 12px; 59 | color: $osd_fg_color; 60 | background-color: transparentize($osd_fg_color, 0.9); 61 | border-radius: 99px; 62 | } 63 | 64 | .screen-shield-background { //just the shadow, really 65 | background: black; 66 | box-shadow: 0 2px 4px rgba(0,0,0,0.6); 67 | } 68 | 69 | #lockDialogGroup { 70 | background-color: $system_bg_color; 71 | } 72 | #unlockDialogNotifications { 73 | StButton#vhandle, StButton#hhandle { 74 | background-color: transparentize($bg_color,0.7); 75 | &:hover, &:focus { background-color: transparentize($bg_color,0.5); } 76 | &:active { background-color: transparentize($selected_bg_color,0.5); } 77 | } 78 | } 79 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_dash.scss: -------------------------------------------------------------------------------- 1 | /* Dash */ 2 | 3 | $dash_background_color: lighten($system_bg_color, 5%); 4 | $dash_placeholder_size: 32px; 5 | $dash_padding: $base_padding*2; // 12px 6 | $dash_border_radius: $modal_radius + $dash_padding; 7 | 8 | // container for the dash 9 | #dash { 10 | @extend %caption; 11 | margin-top: $dash_padding; 12 | 13 | .placeholder { 14 | // background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg"); 15 | background-image:none; 16 | background-size: contain; 17 | height: $dash_placeholder_size; 18 | } 19 | 20 | .empty-dash-drop-target { 21 | width: $dash_placeholder_size; 22 | height: $dash_placeholder_size; 23 | } 24 | 25 | // Running app indicator (also shown in app grid) 26 | .app-well-app-running-dot { 27 | margin-bottom: 14px; // hardcoded 28 | } 29 | } 30 | 31 | // background of the dash behind app icons 32 | .dash-background { 33 | background-color: $dash_background_color; 34 | border-radius: $dash_border_radius; 35 | padding: $dash_padding; 36 | spacing: $base_padding; 37 | margin-bottom: $dash_padding; 38 | } 39 | 40 | // items on the dash 41 | .dash-item-container { 42 | > * {margin: 0 2px;} 43 | &:ltr:first-child {margin-left: 0;} 44 | &:rtl:first-child {margin-right: 0;} 45 | 46 | // each app item on the dash 47 | .app-well-app .overview-icon { 48 | padding: $base_padding; 49 | } 50 | 51 | // show apps button 52 | .show-apps { @include overview_icon($osd_fg_color);} 53 | 54 | .show-apps, .app-well-app { 55 | padding-bottom: $dash_padding; 56 | } 57 | } 58 | 59 | // separator between favourites and running apps 60 | .dash-separator { 61 | width: 1px; 62 | margin: 0 $base_margin; 63 | background-color: $borders_color; 64 | margin-bottom: $dash_padding; 65 | } 66 | 67 | // OSD Tooltip 68 | .dash-label { 69 | color: $osd_fg_color; 70 | background-color: $osd_bg_color; 71 | border-radius: 99px; 72 | padding: $base_padding $base_padding * 2; 73 | text-align: center; 74 | -y-offset: $base_margin * 2; // distance from the dash edge 75 | } 76 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_dash.scss: -------------------------------------------------------------------------------- 1 | /* Dash */ 2 | 3 | $dash_background_color: lighten($system_bg_color, 5%); 4 | $dash_placeholder_size: 32px; 5 | $dash_padding: $base_padding*2; // 12px 6 | $dash_border_radius: $modal_radius + $dash_padding; 7 | 8 | // container for the dash 9 | #dash { 10 | @extend %caption; 11 | margin-top: $dash_padding; 12 | 13 | .placeholder { 14 | // background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg"); 15 | background-image:none; 16 | background-size: contain; 17 | height: $dash_placeholder_size; 18 | } 19 | 20 | .empty-dash-drop-target { 21 | width: $dash_placeholder_size; 22 | height: $dash_placeholder_size; 23 | } 24 | 25 | // Running app indicator (also shown in app grid) 26 | .app-well-app-running-dot { 27 | margin-bottom: 14px; // hardcoded 28 | } 29 | } 30 | 31 | // background of the dash behind app icons 32 | .dash-background { 33 | background-color: $dash_background_color; 34 | border-radius: $dash_border_radius; 35 | padding: $dash_padding; 36 | spacing: $base_padding; 37 | margin-bottom: $dash_padding; 38 | } 39 | 40 | // items on the dash 41 | .dash-item-container { 42 | > * {margin: 0 2px;} 43 | &:ltr:first-child {margin-left: 0;} 44 | &:rtl:first-child {margin-right: 0;} 45 | 46 | // each app item on the dash 47 | .app-well-app .overview-icon { 48 | padding: $base_padding; 49 | } 50 | 51 | // show apps button 52 | .show-apps { @include overview_icon($osd_fg_color);} 53 | 54 | .show-apps, .app-well-app { 55 | padding-bottom: $dash_padding; 56 | } 57 | } 58 | 59 | // separator between favourites and running apps 60 | .dash-separator { 61 | width: 1px; 62 | margin: 0 $base_margin; 63 | background-color: $borders_color; 64 | margin-bottom: $dash_padding; 65 | } 66 | 67 | // OSD Tooltip 68 | .dash-label { 69 | color: $osd_fg_color; 70 | background-color: $osd_bg_color; 71 | border-radius: 99px; 72 | padding: $base_padding $base_padding * 2; 73 | text-align: center; 74 | -y-offset: $base_margin * 2; // distance from the dash edge 75 | } 76 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/utils/image_utils.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Licensed under the Apache License, Version 2.0 (the "License"); 3 | * you may not use this file except in compliance with the License. 4 | * You may obtain a copy of the License at 5 | * 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Unless required by applicable law or agreed to in writing, software 9 | * distributed under the License is distributed on an "AS IS" BASIS, 10 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 11 | * See the License for the specific language governing permissions and 12 | * limitations under the License. 13 | */ 14 | 15 | import {QuantizerCelebi} from "../quantize/quantizer_celebi.js"; 16 | import {Score} from "../score/score.js"; 17 | import * as color_utils from "../utils/color_utils.js"; 18 | import GLib from 'gi://GLib'; 19 | import Gio from 'gi://GLib'; 20 | 21 | export function createPixelArray(pixels, quality) { 22 | const pixelArray = []; 23 | 24 | for (let i = 0, offset, r, g, b, a; i < pixels.length; i += quality) { 25 | offset = i * 4; 26 | r = pixels[offset + 0]; 27 | g = pixels[offset + 1]; 28 | b = pixels[offset + 2]; 29 | a = pixels[offset + 3]; 30 | 31 | // If pixel is mostly opaque and not white 32 | if (typeof a === 'undefined' || a >= 125) { 33 | if (!(r > 250 && g > 250 && b > 250)) { 34 | pixelArray.push(color_utils.argbFromRgb(r, g, b)); 35 | } 36 | } 37 | } 38 | return pixelArray; 39 | } 40 | 41 | /** 42 | * Get the source color from an image. 43 | * 44 | * @param image The image element 45 | * @return Source color - the color most suitable for creating a UI theme 46 | */ 47 | export function sourceColorFromImage(image) { 48 | // Convert Image data to Pixel Array 49 | const image_pixels = image.get_pixels(); 50 | const pixels = createPixelArray(image_pixels, 8); 51 | 52 | // Convert Pixels to Material Colors 53 | const result = QuantizerCelebi.quantize(pixels, 128); 54 | return Score.score(result); 55 | } 56 | //# sourceMappingURL=image_utils.js.map -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_dash.scss: -------------------------------------------------------------------------------- 1 | /* Dash */ 2 | 3 | // uses system colors 4 | $dash_background_color: $system_overlay_bg_color; 5 | 6 | $dash_placeholder_size: 32px; 7 | $dash_padding: $base_padding*2; // 12px 8 | $dash_border_radius: $modal_radius + $dash_padding; 9 | 10 | // container for the dash 11 | #dash { 12 | @extend %caption; 13 | margin-top: $dash_padding; 14 | 15 | .placeholder { 16 | // background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg"); 17 | background-image:none; 18 | background-size: contain; 19 | height: $dash_placeholder_size; 20 | } 21 | 22 | .empty-dash-drop-target { 23 | width: $dash_placeholder_size; 24 | height: $dash_placeholder_size; 25 | } 26 | 27 | // Running app indicator (also shown in app grid) 28 | .app-well-app-running-dot { 29 | margin-bottom: 14px; // hardcoded 30 | } 31 | } 32 | 33 | // background of the dash behind app icons 34 | .dash-background { 35 | background-color: $dash_background_color; 36 | border-radius: $dash_border_radius; 37 | padding: $dash_padding; 38 | spacing: $base_padding; 39 | margin-bottom: $dash_padding; 40 | 41 | @if $is_highcontrast { 42 | border: 2px solid $hc_inset_color; 43 | box-shadow:none; 44 | } 45 | } 46 | 47 | // items on the dash 48 | .dash-item-container { 49 | > * {margin: 0 2px;} 50 | &:ltr{&:first-child {margin-left: 0;}} 51 | &:rtl{&:first-child {margin-right: 0;}} 52 | 53 | // each app item on the dash 54 | .app-well-app .overview-icon { 55 | padding: $base_padding; 56 | border-radius: $base_border_radius*2; 57 | } 58 | 59 | // show apps button 60 | .show-apps { @include overview_icon($system_fg_color);} 61 | 62 | .show-apps, .app-well-app { 63 | padding-bottom: $dash_padding; 64 | color: $system_fg_color; 65 | } 66 | } 67 | 68 | // separator between favourites and running apps 69 | .dash-separator { 70 | width: 1px; 71 | margin: 0 $base_margin; 72 | background-color: $system_borders_color; 73 | margin-bottom: $dash_padding; 74 | @if $is_highcontrast { 75 | width: 2px; 76 | } 77 | } 78 | 79 | // OSD Tooltip 80 | .dash-label { 81 | @extend %tooltip; 82 | -y-offset: $base_margin * 2; // distance from the dash edge 83 | } 84 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_dash.scss: -------------------------------------------------------------------------------- 1 | /* Dash */ 2 | 3 | // uses system colors 4 | $dash_background_color: $system_overlay_bg_color; 5 | 6 | $dash_placeholder_size: 32px; 7 | $dash_padding: $base_padding*2; // 12px 8 | $dash_border_radius: $modal_radius + $dash_padding; 9 | 10 | // container for the dash 11 | #dash { 12 | @extend %caption; 13 | margin-top: $dash_padding; 14 | 15 | .placeholder { 16 | // background-image: url("resource:///org/gnome/shell/theme/dash-placeholder.svg"); 17 | background-image:none; 18 | background-size: contain; 19 | height: $dash_placeholder_size; 20 | } 21 | 22 | .empty-dash-drop-target { 23 | width: $dash_placeholder_size; 24 | height: $dash_placeholder_size; 25 | } 26 | 27 | // Running app indicator (also shown in app grid) 28 | .app-well-app-running-dot { 29 | margin-bottom: 14px; // hardcoded 30 | } 31 | } 32 | 33 | // background of the dash behind app icons 34 | .dash-background { 35 | background-color: $dash_background_color; 36 | border-radius: $dash_border_radius; 37 | padding: $dash_padding; 38 | spacing: $base_padding; 39 | margin-bottom: $dash_padding; 40 | 41 | @if $is_highcontrast { 42 | border: 2px solid $hc_inset_color; 43 | box-shadow:none; 44 | } 45 | } 46 | 47 | // items on the dash 48 | .dash-item-container { 49 | > * {margin: 0 2px;} 50 | &:ltr{&:first-child {margin-left: 0;}} 51 | &:rtl{&:first-child {margin-right: 0;}} 52 | 53 | // each app item on the dash 54 | .app-well-app .overview-icon { 55 | padding: $base_padding; 56 | border-radius: $base_border_radius*2; 57 | } 58 | 59 | // show apps button 60 | .show-apps { @include overview_icon($system_fg_color);} 61 | 62 | .show-apps, .app-well-app { 63 | padding-bottom: $dash_padding; 64 | color: $system_fg_color; 65 | } 66 | } 67 | 68 | // separator between favourites and running apps 69 | .dash-separator { 70 | width: 1px; 71 | margin: 0 $base_margin; 72 | background-color: $system_borders_color; 73 | margin-bottom: $dash_padding; 74 | @if $is_highcontrast { 75 | width: 2px; 76 | } 77 | } 78 | 79 | // OSD Tooltip 80 | .dash-label { 81 | @extend %tooltip; 82 | -y-offset: $base_margin * 2; // distance from the dash edge 83 | } 84 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/quantize/quantizer_celebi.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Licensed under the Apache License, Version 2.0 (the "License"); 3 | * you may not use this file except in compliance with the License. 4 | * You may obtain a copy of the License at 5 | * 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Unless required by applicable law or agreed to in writing, software 9 | * distributed under the License is distributed on an "AS IS" BASIS, 10 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 11 | * See the License for the specific language governing permissions and 12 | * limitations under the License. 13 | */ 14 | import {QuantizerWsmeans} from "../quantize/quantizer_wsmeans.js"; 15 | import {QuantizerWu} from "../quantize/quantizer_wu.js"; 16 | 17 | /** 18 | * An image quantizer that improves on the quality of a standard K-Means 19 | * algorithm by setting the K-Means initial state to the output of a Wu 20 | * quantizer, instead of random centroids. Improves on speed by several 21 | * optimizations, as implemented in Wsmeans, or Weighted Square Means, K-Means 22 | * with those optimizations. 23 | * 24 | * This algorithm was designed by M. Emre Celebi, and was found in their 2011 25 | * paper, Improving the Performance of K-Means for Color Quantization. 26 | * https://arxiv.org/abs/1101.0395 27 | */ 28 | // libmonet is designed to have a consistent API across platforms 29 | // and modular components that can be moved around easily. Using a class as a 30 | // namespace facilitates this. 31 | // 32 | // tslint:disable-next-line:class-as-namespace 33 | export var QuantizerCelebi = class QuantizerCelebi { 34 | /** 35 | * @param pixels Colors in ARGB format. 36 | * @param maxColors The number of colors to divide the image into. A lower 37 | * number of colors may be returned. 38 | * @return Map with keys of colors in ARGB format, and values of number of 39 | * pixels in the original image that correspond to the color in the 40 | * quantized image. 41 | */ 42 | static quantize(pixels, maxColors) { 43 | const wu = new QuantizerWu(); 44 | const wuResult = wu.quantize(pixels, maxColors); 45 | return QuantizerWsmeans.quantize(pixels, wuResult, maxColors); 46 | } 47 | } 48 | //# sourceMappingURL=quantizer_celebi.js.map -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/gnome-shell-sass/widgets/_search-results.scss: -------------------------------------------------------------------------------- 1 | /* Search */ 2 | 3 | // search overview container 4 | #searchResults { 5 | margin: 0 $base_margin; 6 | } 7 | 8 | #searchResultsContent { 9 | max-width: 1072px; 10 | } 11 | 12 | // search results sections "the boxes" 13 | .search-section { 14 | // This should be equal to #searchResultsContent spacing 15 | spacing: $base_padding*3; 16 | 17 | // separator (unstyled) 18 | .search-section-separator { 19 | height: $base_margin*2; // use it as a spacer 20 | background-color: transparent; 21 | } 22 | } 23 | 24 | // content 25 | .search-section-content { 26 | background-color: lighten($system_bg_color, 5%); 27 | border-radius: $modal_radius*1.5; 28 | border: 1px solid $osd_outer_borders_color; 29 | color: $osd_fg_color; 30 | padding: $base_padding*2; 31 | margin:0 $base_margin*3; 32 | } 33 | 34 | %search_section_content_item { 35 | @include tile_button($osd_fg_color); 36 | border-radius: $base_border_radius+3px; 37 | } 38 | 39 | // "no results" text 40 | .search-statustext { 41 | @extend %title_1; 42 | } 43 | 44 | .grid-search-results { 45 | spacing: $base_padding*5; 46 | margin:0 $base_margin*3; 47 | } 48 | 49 | // Search results with icons 50 | .grid-search-result { 51 | @extend .app-well-app; 52 | } 53 | 54 | // search result provider 55 | .search-provider-icon { 56 | @extend %search_section_content_item; 57 | &:ltr {margin-right: $base_margin;} 58 | &:rtl {margin-left: $base_margin;} 59 | 60 | // content 61 | .list-search-provider-content { 62 | spacing: $base_padding * 2; 63 | 64 | // provider labels 65 | .list-search-provider-details { 66 | width: 120px; 67 | color: $osd_fg_color; 68 | } 69 | } 70 | } 71 | 72 | // search results list 73 | .list-search-results { 74 | spacing: $base_padding; 75 | } 76 | 77 | // search result listitem 78 | .list-search-result { 79 | @extend %search_section_content_item; 80 | 81 | // content 82 | .list-search-result-content { 83 | spacing: $base_padding; 84 | } 85 | 86 | // list item title (with leading icon) 87 | .list-search-result-title { 88 | spacing: $base_padding * 2; 89 | // font-weight: bold; 90 | } 91 | 92 | // list item description 93 | .list-search-result-description { 94 | color: $osd_insensitive_fg_color; 95 | } 96 | } 97 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/gnome-shell-sass/widgets/_search-results.scss: -------------------------------------------------------------------------------- 1 | /* Search */ 2 | 3 | // search overview container 4 | #searchResults { 5 | margin: 0 $base_margin; 6 | } 7 | 8 | #searchResultsContent { 9 | max-width: 1072px; 10 | } 11 | 12 | // search results sections "the boxes" 13 | .search-section { 14 | // This should be equal to #searchResultsContent spacing 15 | spacing: $base_padding*3; 16 | 17 | // separator (unstyled) 18 | .search-section-separator { 19 | height: $base_margin*2; // use it as a spacer 20 | background-color: transparent; 21 | } 22 | } 23 | 24 | // content 25 | .search-section-content { 26 | background-color: lighten($system_bg_color, 5%); 27 | border-radius: $modal_radius*1.5; 28 | border: 1px solid $osd_outer_borders_color; 29 | color: $osd_fg_color; 30 | padding: $base_padding*2; 31 | margin:0 $base_margin*3; 32 | } 33 | 34 | %search_section_content_item { 35 | @include tile_button($osd_fg_color); 36 | border-radius: $base_border_radius+3px; 37 | } 38 | 39 | // "no results" text 40 | .search-statustext { 41 | @extend %title_1; 42 | } 43 | 44 | .grid-search-results { 45 | spacing: $base_padding*5; 46 | margin:0 $base_margin*3; 47 | } 48 | 49 | // Search results with icons 50 | .grid-search-result { 51 | @extend .app-well-app; 52 | } 53 | 54 | // search result provider 55 | .search-provider-icon { 56 | @extend %search_section_content_item; 57 | &:ltr {margin-right: $base_margin;} 58 | &:rtl {margin-left: $base_margin;} 59 | 60 | // content 61 | .list-search-provider-content { 62 | spacing: $base_padding * 2; 63 | 64 | // provider labels 65 | .list-search-provider-details { 66 | width: 120px; 67 | color: $osd_fg_color; 68 | } 69 | } 70 | } 71 | 72 | // search results list 73 | .list-search-results { 74 | spacing: $base_padding; 75 | } 76 | 77 | // search result listitem 78 | .list-search-result { 79 | @extend %search_section_content_item; 80 | 81 | // content 82 | .list-search-result-content { 83 | spacing: $base_padding; 84 | } 85 | 86 | // list item title (with leading icon) 87 | .list-search-result-title { 88 | spacing: $base_padding * 2; 89 | // font-weight: bold; 90 | } 91 | 92 | // list item description 93 | .list-search-result-description { 94 | color: $osd_insensitive_fg_color; 95 | } 96 | } 97 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/gnome-shell-sass/widgets/_search-results.scss: -------------------------------------------------------------------------------- 1 | /* Search */ 2 | 3 | // search overview container 4 | #searchResults { 5 | margin: 0 $base_margin; 6 | } 7 | 8 | #searchResultsContent { 9 | max-width: 1072px; 10 | } 11 | 12 | // search results sections "the boxes" 13 | .search-section { 14 | // This should be equal to #searchResultsContent spacing 15 | spacing: $base_padding*3; 16 | 17 | // separator (unstyled) 18 | .search-section-separator { 19 | height: $base_margin*2; // use it as a spacer 20 | background-color: transparent; 21 | } 22 | } 23 | 24 | // content 25 | .search-section-content { 26 | background-color: $system_overlay_bg_color; 27 | color: $system_fg_color; 28 | border-radius: $modal_radius*1.5; 29 | padding: $base_padding*2; 30 | margin:0 $base_margin*3; 31 | } 32 | 33 | %search_section_content_item { 34 | @include tile_button($system_fg_color); 35 | border-radius: $base_border_radius+3px; 36 | } 37 | 38 | // "no results" text 39 | .search-statustext { 40 | @extend %title_1; 41 | color: transparentize($system_fg_color, .2); 42 | } 43 | 44 | .grid-search-results { 45 | spacing: $base_padding*5; 46 | margin:0 $base_margin*3; 47 | } 48 | 49 | // Search results with icons 50 | .grid-search-result { 51 | @extend .app-well-app; 52 | } 53 | 54 | // search result provider 55 | .search-provider-icon { 56 | @extend %search_section_content_item; 57 | &:ltr {margin-right: $base_margin;} 58 | &:rtl {margin-left: $base_margin;} 59 | 60 | // content 61 | .list-search-provider-content { 62 | spacing: $base_padding * 2; 63 | 64 | // provider labels 65 | .list-search-provider-details { 66 | width: 120px; 67 | color: $system_fg_color; 68 | } 69 | } 70 | } 71 | 72 | // search results list 73 | .list-search-results { 74 | spacing: $base_padding; 75 | } 76 | 77 | // search result listitem 78 | .list-search-result { 79 | @extend %search_section_content_item; 80 | 81 | // content 82 | .list-search-result-content { 83 | spacing: $base_padding; 84 | } 85 | 86 | // list item title (with leading icon) 87 | .list-search-result-title { 88 | spacing: $base_padding * 2; 89 | // font-weight: bold; 90 | } 91 | 92 | // list item description 93 | .list-search-result-description { 94 | color: $system_insensitive_fg_color; 95 | } 96 | } 97 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/gnome-shell-sass/widgets/_search-results.scss: -------------------------------------------------------------------------------- 1 | /* Search */ 2 | 3 | // search overview container 4 | #searchResults { 5 | margin: 0 $base_margin; 6 | } 7 | 8 | #searchResultsContent { 9 | max-width: 1072px; 10 | } 11 | 12 | // search results sections "the boxes" 13 | .search-section { 14 | // This should be equal to #searchResultsContent spacing 15 | spacing: $base_padding*3; 16 | 17 | // separator (unstyled) 18 | .search-section-separator { 19 | height: $base_margin*2; // use it as a spacer 20 | background-color: transparent; 21 | } 22 | } 23 | 24 | // content 25 | .search-section-content { 26 | background-color: $system_overlay_bg_color; 27 | color: $system_fg_color; 28 | border-radius: $modal_radius*1.5; 29 | padding: $base_padding*2; 30 | margin:0 $base_margin*3; 31 | } 32 | 33 | %search_section_content_item { 34 | @include tile_button($system_fg_color); 35 | border-radius: $base_border_radius+3px; 36 | } 37 | 38 | // "no results" text 39 | .search-statustext { 40 | @extend %title_1; 41 | color: transparentize($system_fg_color, .2); 42 | } 43 | 44 | .grid-search-results { 45 | spacing: $base_padding*5; 46 | margin:0 $base_margin*3; 47 | } 48 | 49 | // Search results with icons 50 | .grid-search-result { 51 | @extend .app-well-app; 52 | } 53 | 54 | // search result provider 55 | .search-provider-icon { 56 | @extend %search_section_content_item; 57 | &:ltr {margin-right: $base_margin;} 58 | &:rtl {margin-left: $base_margin;} 59 | 60 | // content 61 | .list-search-provider-content { 62 | spacing: $base_padding * 2; 63 | 64 | // provider labels 65 | .list-search-provider-details { 66 | width: 120px; 67 | color: $system_fg_color; 68 | } 69 | } 70 | } 71 | 72 | // search results list 73 | .list-search-results { 74 | spacing: $base_padding; 75 | } 76 | 77 | // search result listitem 78 | .list-search-result { 79 | @extend %search_section_content_item; 80 | 81 | // content 82 | .list-search-result-content { 83 | spacing: $base_padding; 84 | } 85 | 86 | // list item title (with leading icon) 87 | .list-search-result-title { 88 | spacing: $base_padding * 2; 89 | // font-weight: bold; 90 | } 91 | 92 | // list item description 93 | .list-search-result-description { 94 | color: $system_insensitive_fg_color; 95 | } 96 | } 97 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Byte-compiled / optimized / DLL files 2 | __pycache__/ 3 | *.py[cod] 4 | *$py.class 5 | 6 | # C extensions 7 | *.so 8 | 9 | # Distribution / packaging 10 | .Python 11 | build/ 12 | develop-eggs/ 13 | dist/ 14 | downloads/ 15 | eggs/ 16 | .eggs/ 17 | lib/ 18 | lib64/ 19 | parts/ 20 | sdist/ 21 | var/ 22 | wheels/ 23 | pip-wheel-metadata/ 24 | share/python-wheels/ 25 | *.egg-info/ 26 | .installed.cfg 27 | *.egg 28 | MANIFEST 29 | 30 | # PyInstaller 31 | # Usually these files are written by a python script from a template 32 | # before PyInstaller builds the exe, so as to inject date/other infos into it. 33 | *.manifest 34 | *.spec 35 | 36 | # Installer logs 37 | pip-log.txt 38 | pip-delete-this-directory.txt 39 | 40 | # Unit test / coverage reports 41 | htmlcov/ 42 | .tox/ 43 | .nox/ 44 | .coverage 45 | .coverage.* 46 | .cache 47 | nosetests.xml 48 | coverage.xml 49 | *.cover 50 | *.py,cover 51 | .hypothesis/ 52 | .pytest_cache/ 53 | 54 | # Translations 55 | *.mo 56 | *.pot 57 | 58 | # Django stuff: 59 | *.log 60 | local_settings.py 61 | db.sqlite3 62 | db.sqlite3-journal 63 | 64 | # Flask stuff: 65 | instance/ 66 | .webassets-cache 67 | 68 | # Scrapy stuff: 69 | .scrapy 70 | 71 | # Sphinx documentation 72 | docs/_build/ 73 | 74 | # PyBuilder 75 | target/ 76 | 77 | # Jupyter Notebook 78 | .ipynb_checkpoints 79 | 80 | # IPython 81 | profile_default/ 82 | ipython_config.py 83 | 84 | # pyenv 85 | .python-version 86 | 87 | # pipenv 88 | # According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control. 89 | # However, in case of collaboration, if having platform-specific dependencies or dependencies 90 | # having no cross-platform support, pipenv may install dependencies that don't work, or not 91 | # install all needed dependencies. 92 | #Pipfile.lock 93 | 94 | # PEP 582; used by e.g. github.com/David-OConnor/pyflow 95 | __pypackages__/ 96 | 97 | # Celery stuff 98 | celerybeat-schedule 99 | celerybeat.pid 100 | 101 | # SageMath parsed files 102 | *.sage.py 103 | 104 | # Environments 105 | .env 106 | .venv 107 | env/ 108 | venv/ 109 | ENV/ 110 | env.bak/ 111 | venv.bak/ 112 | 113 | # Spyder project settings 114 | .spyderproject 115 | .spyproject 116 | 117 | # Rope project settings 118 | .ropeproject 119 | 120 | # mkdocs documentation 121 | /site 122 | 123 | # mypy 124 | .mypy_cache/ 125 | .dmypy.json 126 | dmypy.json 127 | 128 | # Pyre type checker 129 | .pyre/ 130 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/44/meson.build: -------------------------------------------------------------------------------- 1 | theme_sources = files([ 2 | 'gnome-shell-high-contrast.scss', 3 | 'gnome-shell.scss', 4 | 'gnome-shell-sass/_colors.scss', 5 | 'gnome-shell-sass/_common.scss', 6 | 'gnome-shell-sass/_drawing.scss', 7 | 'gnome-shell-sass/_high-contrast-colors.scss', 8 | 'gnome-shell-sass/_widgets.scss', 9 | 'gnome-shell-sass/widgets/_a11y.scss', 10 | 'gnome-shell-sass/widgets/_app-grid.scss', 11 | 'gnome-shell-sass/widgets/_base.scss', 12 | 'gnome-shell-sass/widgets/_buttons.scss', 13 | 'gnome-shell-sass/widgets/_calendar.scss', 14 | 'gnome-shell-sass/widgets/_check-box.scss', 15 | 'gnome-shell-sass/widgets/_corner-ripple.scss', 16 | 'gnome-shell-sass/widgets/_dash.scss', 17 | 'gnome-shell-sass/widgets/_dialogs.scss', 18 | 'gnome-shell-sass/widgets/_entries.scss', 19 | 'gnome-shell-sass/widgets/_hotplug.scss', 20 | 'gnome-shell-sass/widgets/_ibus-popup.scss', 21 | 'gnome-shell-sass/widgets/_keyboard.scss', 22 | 'gnome-shell-sass/widgets/_login-lock.scss', 23 | 'gnome-shell-sass/widgets/_looking-glass.scss', 24 | 'gnome-shell-sass/widgets/_message-list.scss', 25 | 'gnome-shell-sass/widgets/_misc.scss', 26 | 'gnome-shell-sass/widgets/_notifications.scss', 27 | 'gnome-shell-sass/widgets/_osd.scss', 28 | 'gnome-shell-sass/widgets/_overview.scss', 29 | 'gnome-shell-sass/widgets/_panel.scss', 30 | 'gnome-shell-sass/widgets/_popovers.scss', 31 | 'gnome-shell-sass/widgets/_quick-settings.scss', 32 | 'gnome-shell-sass/widgets/_screenshot.scss', 33 | 'gnome-shell-sass/widgets/_scrollbars.scss', 34 | 'gnome-shell-sass/widgets/_search-entry.scss', 35 | 'gnome-shell-sass/widgets/_search-results.scss', 36 | 'gnome-shell-sass/widgets/_slider.scss', 37 | 'gnome-shell-sass/widgets/_switcher-popup.scss', 38 | 'gnome-shell-sass/widgets/_switches.scss', 39 | 'gnome-shell-sass/widgets/_window-picker.scss', 40 | 'gnome-shell-sass/widgets/_workspace-switcher.scss', 41 | 'gnome-shell-sass/widgets/_workspace-thumbnails.scss' 42 | ]) 43 | 44 | stylesheets = [ 45 | 'gnome-shell-high-contrast.css', 46 | 'gnome-shell.css' 47 | ] 48 | 49 | foreach stylesheet: stylesheets 50 | if not fs.exists(stylesheet) 51 | sassc = find_program('sassc') 52 | theme_deps += custom_target(stylesheet, 53 | input: fs.replace_suffix(stylesheet, '.scss'), 54 | output: stylesheet, 55 | command: [ 56 | sassc, '-a', '@INPUT@', '@OUTPUT@' 57 | ], 58 | depend_files: theme_sources) 59 | endif 60 | endforeach 61 | 62 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/45/meson.build: -------------------------------------------------------------------------------- 1 | theme_sources = files([ 2 | 'gnome-shell-high-contrast.scss', 3 | 'gnome-shell.scss', 4 | 'gnome-shell-sass/_colors.scss', 5 | 'gnome-shell-sass/_common.scss', 6 | 'gnome-shell-sass/_drawing.scss', 7 | 'gnome-shell-sass/_high-contrast-colors.scss', 8 | 'gnome-shell-sass/_widgets.scss', 9 | 'gnome-shell-sass/widgets/_a11y.scss', 10 | 'gnome-shell-sass/widgets/_app-grid.scss', 11 | 'gnome-shell-sass/widgets/_base.scss', 12 | 'gnome-shell-sass/widgets/_buttons.scss', 13 | 'gnome-shell-sass/widgets/_calendar.scss', 14 | 'gnome-shell-sass/widgets/_check-box.scss', 15 | 'gnome-shell-sass/widgets/_corner-ripple.scss', 16 | 'gnome-shell-sass/widgets/_dash.scss', 17 | 'gnome-shell-sass/widgets/_dialogs.scss', 18 | 'gnome-shell-sass/widgets/_entries.scss', 19 | 'gnome-shell-sass/widgets/_hotplug.scss', 20 | 'gnome-shell-sass/widgets/_ibus-popup.scss', 21 | 'gnome-shell-sass/widgets/_keyboard.scss', 22 | 'gnome-shell-sass/widgets/_login-lock.scss', 23 | 'gnome-shell-sass/widgets/_looking-glass.scss', 24 | 'gnome-shell-sass/widgets/_message-list.scss', 25 | 'gnome-shell-sass/widgets/_misc.scss', 26 | 'gnome-shell-sass/widgets/_notifications.scss', 27 | 'gnome-shell-sass/widgets/_osd.scss', 28 | 'gnome-shell-sass/widgets/_overview.scss', 29 | 'gnome-shell-sass/widgets/_panel.scss', 30 | 'gnome-shell-sass/widgets/_popovers.scss', 31 | 'gnome-shell-sass/widgets/_quick-settings.scss', 32 | 'gnome-shell-sass/widgets/_screenshot.scss', 33 | 'gnome-shell-sass/widgets/_scrollbars.scss', 34 | 'gnome-shell-sass/widgets/_search-entry.scss', 35 | 'gnome-shell-sass/widgets/_search-results.scss', 36 | 'gnome-shell-sass/widgets/_slider.scss', 37 | 'gnome-shell-sass/widgets/_switcher-popup.scss', 38 | 'gnome-shell-sass/widgets/_switches.scss', 39 | 'gnome-shell-sass/widgets/_window-picker.scss', 40 | 'gnome-shell-sass/widgets/_workspace-switcher.scss', 41 | 'gnome-shell-sass/widgets/_workspace-thumbnails.scss' 42 | ]) 43 | 44 | stylesheets = [ 45 | 'gnome-shell-high-contrast.css', 46 | 'gnome-shell.css' 47 | ] 48 | 49 | foreach stylesheet: stylesheets 50 | if not fs.exists(stylesheet) 51 | sassc = find_program('sassc') 52 | theme_deps += custom_target(stylesheet, 53 | input: fs.replace_suffix(stylesheet, '.scss'), 54 | output: stylesheet, 55 | command: [ 56 | sassc, '-a', '@INPUT@', '@OUTPUT@' 57 | ], 58 | depend_files: theme_sources) 59 | endif 60 | endforeach 61 | 62 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/42/meson.build: -------------------------------------------------------------------------------- 1 | theme_sources = files([ 2 | 'gnome-shell-high-contrast.scss', 3 | 'gnome-shell.scss', 4 | 'gnome-shell-sass/_colors.scss', 5 | 'gnome-shell-sass/_common.scss', 6 | 'gnome-shell-sass/_drawing.scss', 7 | 'gnome-shell-sass/_high-contrast-colors.scss', 8 | 'gnome-shell-sass/_widgets.scss', 9 | 'gnome-shell-sass/widgets/_a11y.scss', 10 | 'gnome-shell-sass/widgets/_app-grid.scss', 11 | 'gnome-shell-sass/widgets/_base.scss', 12 | 'gnome-shell-sass/widgets/_buttons.scss', 13 | 'gnome-shell-sass/widgets/_calendar.scss', 14 | 'gnome-shell-sass/widgets/_check-box.scss', 15 | 'gnome-shell-sass/widgets/_corner-ripple.scss', 16 | 'gnome-shell-sass/widgets/_dash.scss', 17 | 'gnome-shell-sass/widgets/_dialogs.scss', 18 | 'gnome-shell-sass/widgets/_entries.scss', 19 | 'gnome-shell-sass/widgets/_hotplug.scss', 20 | 'gnome-shell-sass/widgets/_ibus-popup.scss', 21 | 'gnome-shell-sass/widgets/_keyboard.scss', 22 | 'gnome-shell-sass/widgets/_login-dialog.scss', 23 | 'gnome-shell-sass/widgets/_looking-glass.scss', 24 | 'gnome-shell-sass/widgets/_message-list.scss', 25 | 'gnome-shell-sass/widgets/_misc.scss', 26 | 'gnome-shell-sass/widgets/_network-dialog.scss', 27 | 'gnome-shell-sass/widgets/_notifications.scss', 28 | 'gnome-shell-sass/widgets/_osd.scss', 29 | 'gnome-shell-sass/widgets/_overview.scss', 30 | 'gnome-shell-sass/widgets/_panel.scss', 31 | 'gnome-shell-sass/widgets/_popovers.scss', 32 | 'gnome-shell-sass/widgets/_screen-shield.scss', 33 | 'gnome-shell-sass/widgets/_screenshot.scss', 34 | 'gnome-shell-sass/widgets/_scrollbars.scss', 35 | 'gnome-shell-sass/widgets/_search-entry.scss', 36 | 'gnome-shell-sass/widgets/_search-results.scss', 37 | 'gnome-shell-sass/widgets/_slider.scss', 38 | 'gnome-shell-sass/widgets/_switcher-popup.scss', 39 | 'gnome-shell-sass/widgets/_switches.scss', 40 | 'gnome-shell-sass/widgets/_window-picker.scss', 41 | 'gnome-shell-sass/widgets/_workspace-switcher.scss', 42 | 'gnome-shell-sass/widgets/_workspace-thumbnails.scss' 43 | ]) 44 | 45 | stylesheets = [ 46 | 'gnome-shell-high-contrast.css', 47 | 'gnome-shell.css' 48 | ] 49 | 50 | foreach stylesheet: stylesheets 51 | if not fs.exists(stylesheet) 52 | sassc = find_program('sassc') 53 | theme_deps += custom_target(stylesheet, 54 | input: fs.replace_suffix(stylesheet, '.scss'), 55 | output: stylesheet, 56 | command: [ 57 | sassc, '-a', '@INPUT@', '@OUTPUT@' 58 | ], 59 | depend_files: theme_sources) 60 | endif 61 | endforeach 62 | 63 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/shell/43/meson.build: -------------------------------------------------------------------------------- 1 | theme_sources = files([ 2 | 'gnome-shell-high-contrast.scss', 3 | 'gnome-shell.scss', 4 | 'gnome-shell-sass/_colors.scss', 5 | 'gnome-shell-sass/_common.scss', 6 | 'gnome-shell-sass/_drawing.scss', 7 | 'gnome-shell-sass/_high-contrast-colors.scss', 8 | 'gnome-shell-sass/_widgets.scss', 9 | 'gnome-shell-sass/widgets/_a11y.scss', 10 | 'gnome-shell-sass/widgets/_app-grid.scss', 11 | 'gnome-shell-sass/widgets/_base.scss', 12 | 'gnome-shell-sass/widgets/_buttons.scss', 13 | 'gnome-shell-sass/widgets/_calendar.scss', 14 | 'gnome-shell-sass/widgets/_check-box.scss', 15 | 'gnome-shell-sass/widgets/_corner-ripple.scss', 16 | 'gnome-shell-sass/widgets/_dash.scss', 17 | 'gnome-shell-sass/widgets/_dialogs.scss', 18 | 'gnome-shell-sass/widgets/_entries.scss', 19 | 'gnome-shell-sass/widgets/_hotplug.scss', 20 | 'gnome-shell-sass/widgets/_ibus-popup.scss', 21 | 'gnome-shell-sass/widgets/_keyboard.scss', 22 | 'gnome-shell-sass/widgets/_login-dialog.scss', 23 | 'gnome-shell-sass/widgets/_looking-glass.scss', 24 | 'gnome-shell-sass/widgets/_message-list.scss', 25 | 'gnome-shell-sass/widgets/_misc.scss', 26 | 'gnome-shell-sass/widgets/_notifications.scss', 27 | 'gnome-shell-sass/widgets/_osd.scss', 28 | 'gnome-shell-sass/widgets/_overview.scss', 29 | 'gnome-shell-sass/widgets/_panel.scss', 30 | 'gnome-shell-sass/widgets/_popovers.scss', 31 | 'gnome-shell-sass/widgets/_quick-settings.scss', 32 | 'gnome-shell-sass/widgets/_screen-shield.scss', 33 | 'gnome-shell-sass/widgets/_screenshot.scss', 34 | 'gnome-shell-sass/widgets/_scrollbars.scss', 35 | 'gnome-shell-sass/widgets/_search-entry.scss', 36 | 'gnome-shell-sass/widgets/_search-results.scss', 37 | 'gnome-shell-sass/widgets/_slider.scss', 38 | 'gnome-shell-sass/widgets/_switcher-popup.scss', 39 | 'gnome-shell-sass/widgets/_switches.scss', 40 | 'gnome-shell-sass/widgets/_window-picker.scss', 41 | 'gnome-shell-sass/widgets/_workspace-switcher.scss', 42 | 'gnome-shell-sass/widgets/_workspace-thumbnails.scss' 43 | ]) 44 | 45 | stylesheets = [ 46 | 'gnome-shell-high-contrast.css', 47 | 'gnome-shell.css' 48 | ] 49 | 50 | foreach stylesheet: stylesheets 51 | if not fs.exists(stylesheet) 52 | sassc = find_program('sassc') 53 | theme_deps += custom_target(stylesheet, 54 | input: fs.replace_suffix(stylesheet, '.scss'), 55 | output: stylesheet, 56 | command: [ 57 | sassc, '-a', '@INPUT@', '@OUTPUT@' 58 | ], 59 | depend_files: theme_sources) 60 | endif 61 | endforeach 62 | 63 | -------------------------------------------------------------------------------- /material-you-theme@asubbiah.com/utils/string_utils.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Licensed under the Apache License, Version 2.0 (the "License"); 3 | * you may not use this file except in compliance with the License. 4 | * You may obtain a copy of the License at 5 | * 6 | * http://www.apache.org/licenses/LICENSE-2.0 7 | * 8 | * Unless required by applicable law or agreed to in writing, software 9 | * distributed under the License is distributed on an "AS IS" BASIS, 10 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 11 | * See the License for the specific language governing permissions and 12 | * limitations under the License. 13 | */ 14 | 15 | import * as colorUtils from '../utils/color_utils.js'; 16 | 17 | /** 18 | * Utility methods for hexadecimal representations of colors. 19 | */ 20 | /** 21 | * @param argb ARGB representation of a color. 22 | * @return Hex string representing color, ex. #ff0000 for red. 23 | */ 24 | export var hexFromArgb = (argb) => { 25 | const r = colorUtils.redFromArgb(argb); 26 | const g = colorUtils.greenFromArgb(argb); 27 | const b = colorUtils.blueFromArgb(argb); 28 | const outParts = [r.toString(16), g.toString(16), b.toString(16)]; 29 | // Pad single-digit output values 30 | for (const [i, part] of outParts.entries()) { 31 | if (part.length === 1) { 32 | outParts[i] = '0' + part; 33 | } 34 | } 35 | return '#' + outParts.join(''); 36 | }; 37 | /** 38 | * @param hex String representing color as hex code. Accepts strings with or 39 | * without leading #, and string representing the color using 3, 6, or 8 40 | * hex characters. 41 | * @return ARGB representation of color. 42 | */ 43 | export var argbFromHex = (hex) => { 44 | hex = hex.replace('#', ''); 45 | const isThree = hex.length === 3; 46 | const isSix = hex.length === 6; 47 | const isEight = hex.length === 8; 48 | if (!isThree && !isSix && !isEight) { 49 | throw new Error('unexpected hex ' + hex); 50 | } 51 | let r = 0; 52 | let g = 0; 53 | let b = 0; 54 | if (isThree) { 55 | r = parseIntHex(hex.slice(0, 1).repeat(2)); 56 | g = parseIntHex(hex.slice(1, 2).repeat(2)); 57 | b = parseIntHex(hex.slice(2, 3).repeat(2)); 58 | } 59 | else if (isSix) { 60 | r = parseIntHex(hex.slice(0, 2)); 61 | g = parseIntHex(hex.slice(2, 4)); 62 | b = parseIntHex(hex.slice(4, 6)); 63 | } 64 | else if (isEight) { 65 | r = parseIntHex(hex.slice(2, 4)); 66 | g = parseIntHex(hex.slice(4, 6)); 67 | b = parseIntHex(hex.slice(6, 8)); 68 | } 69 | return (((255 << 24) | ((r & 0x0ff) << 16) | ((g & 0x0ff) << 8) | (b & 0x0ff)) >>> 70 | 0); 71 | }; 72 | export function parseIntHex(value) { 73 | // tslint:disable-next-line:ban 74 | return parseInt(value, 16); 75 | } 76 | //# sourceMappingURL=string_utils.js.map --------------------------------------------------------------------------------