diff options
Diffstat (limited to 'themes/Plata/gnome-shell/extensions/window-list')
3 files changed, 123 insertions, 0 deletions
diff --git a/themes/Plata/gnome-shell/extensions/window-list/README b/themes/Plata/gnome-shell/extensions/window-list/README new file mode 100644 index 0000000..e76addf --- /dev/null +++ b/themes/Plata/gnome-shell/extensions/window-list/README @@ -0,0 +1,28 @@ +/**************************************** + * Override default window-list styling * + ****************************************/ + +Window-list and Gnome-Classic extension can not accept any user-side theming. +So we need to do hacky file moving to override... + +1. Verify the proper path of that extension + + In general, + `/usr/share/gnome-shell/extensions/window-list@gnome-shell-extensions.gcampax.github.com/` + has these 2 stylesheets: + `classic.css` + `stylesheet.css` + +2. Backup those 2 files as something like "xxx.css.org" or "xxx.css.bak". + +3. Copy Plata's files into that place: + * custom files are placed at + "${prefix}/share/themes/Plata/gnome-shell/extensions/window-list/classic.css" + "${prefix}/share/themes/Plata/gnome-shell/extensions/window-list/stylesheet.css" + + * copy those 2 files into that place. + +4. Restart Gnome-Shell: + * Press "Alt + F2" and then type "r" and hit "Enter" key. + +Those methods are needed in every time when window-list extension package was updated. diff --git a/themes/Plata/gnome-shell/extensions/window-list/classic.css b/themes/Plata/gnome-shell/extensions/window-list/classic.css new file mode 100644 index 0000000..4ae4567 --- /dev/null +++ b/themes/Plata/gnome-shell/extensions/window-list/classic.css @@ -0,0 +1,57 @@ +/* This file is part of plata-theme Copyright (C) 2018-2020 Tista <tista.gma500@gmail.com> This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. */ +@import url("stylesheet.css"); +.bottom-panel { min-height: 30px; height: 2.2em; } + +.window-list { spacing: 2px; font-size: 100%; } + +.window-button { padding: 1px; } + +.window-button:first-child:ltr { padding-left: 2px; } + +.window-button:last-child:rtl { padding-right: 2px; } + +.window-button-box { spacing: 4px; } + +.window-button > StWidget { -st-natural-width: 18.75em; max-width: 18.75em; padding: 3px 6px 1px; border-radius: 0; background-color: rgba(0, 0, 0, 0.01); background-gradient-drection: vertical; background-gradient-start: rgba(0, 0, 0, 0.01); background-gradient-end: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.87); box-shadow: none; text-shadow: none; } + +.window-button:hover > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); color: #f5f5f5; box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); } + +.window-button:active > StWidget, .window-button:focus > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); color: #f5f5f5; box-shadow: inset 0 -2px #3f51b5; } + +.window-button.focused > StWidget, .window-button.focused:active > StWidget { color: #f5f5f5; box-shadow: inset 0 -2px #3f51b5; } + +.window-button.minimized > StWidget { color: rgba(245, 245, 245, 0.54); box-shadow: none; } + +.window-button.minimized:hover > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); color: #f5f5f5; } + +.window-button.minimized:active > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); box-shadow: inset 0 -2px #3f51b5; color: #f5f5f5; } + +.window-button-icon { width: 24px; height: 24px; } + +.window-list-workspace-indicator { padding: 3px; } + +.window-list-workspace-indicator > StWidget { border: 1px solid rgba(245, 245, 245, 0.2); background-color: rgba(0, 0, 0, 0.01); background-gradient-drection: vertical; background-gradient-start: rgba(0, 0, 0, 0.01); background-gradient-end: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.87); font-weight: 700; } + +.window-list-workspace-indicator:hover > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); color: #f5f5f5; } + +.window-list-workspace-indicator:active > StWidget, .window-list-workspace-indicator:checked > StWidget, .window-list-workspace-indicator:focus > StWidget { border: 1px solid #3f51b5; background-gradient-drection: vertical; background-gradient-start: rgba(63, 81, 181, 0.2); background-gradient-end: rgba(63, 81, 181, 0.2); color: #f5f5f5; } + +.notification { font-weight: 500; } + +#panel.bottom-panel, #panel.bottom-panel.solid { min-height: 30px; height: 2.2em; border-top-width: 1px; border-bottom-width: 0; border-color: black; background-color: black; background-gradient-drection: vertical; background-gradient-start: black; background-gradient-end: black; color: #f5f5f5; } + +#panel.bottom-panel StLabel, #panel.bottom-panel.solid StLabel { text-shadow: none; } + +#panel.bottom-panel StIcon, #panel.bottom-panel.solid StIcon { icon-shadow: none; } + +#panel, #panel.solid { min-height: 25px; height: 1.8em; border-top-width: 0; border-bottom-width: 1px; border-color: black; background-color: black; background-gradient-drection: vertical; background-gradient-start: black; background-gradient-end: black; } + +#panel StLabel, #panel.solid StLabel { text-shadow: none; } + +#panel StIcon, #panel.solid StIcon { icon-shadow: none; } + +#panel .panel-button, #panel.solid .panel-button { color: #f5f5f5; } + +#panel .panel-button:hover, #panel .panel-button:active, #panel .panel-button:focus, #panel .panel-button:checked, #panel.solid .panel-button:hover, #panel.solid .panel-button:active, #panel.solid .panel-button:focus, #panel.solid .panel-button:checked { color: white; } + +#panel .panel-button:active, #panel .panel-button:focus, #panel.solid .panel-button:active, #panel.solid .panel-button:focus { background-color: rgba(0, 0, 0, 0.01); background-gradient-drection: vertical; background-gradient-start: rgba(0, 0, 0, 0.01); background-gradient-end: rgba(0, 0, 0, 0.01); } diff --git a/themes/Plata/gnome-shell/extensions/window-list/stylesheet.css b/themes/Plata/gnome-shell/extensions/window-list/stylesheet.css new file mode 100644 index 0000000..4e1419e --- /dev/null +++ b/themes/Plata/gnome-shell/extensions/window-list/stylesheet.css @@ -0,0 +1,38 @@ +/* This file is part of plata-theme Copyright (C) 2018-2020 Tista <tista.gma500@gmail.com> This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. */ +.bottom-panel { min-height: 30px; height: 2.2em; } + +.window-list { spacing: 2px; font-size: 100%; } + +.window-button { padding: 1px; } + +.window-button:first-child:ltr { padding-left: 2px; } + +.window-button:last-child:rtl { padding-right: 2px; } + +.window-button-box { spacing: 4px; } + +.window-button > StWidget { -st-natural-width: 18.75em; max-width: 18.75em; padding: 3px 6px 1px; border-radius: 0; background-color: rgba(0, 0, 0, 0.01); background-gradient-drection: vertical; background-gradient-start: rgba(0, 0, 0, 0.01); background-gradient-end: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.87); box-shadow: none; text-shadow: none; } + +.window-button:hover > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); color: #f5f5f5; box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); } + +.window-button:active > StWidget, .window-button:focus > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); color: #f5f5f5; box-shadow: inset 0 -2px #3f51b5; } + +.window-button.focused > StWidget, .window-button.focused:active > StWidget { color: #f5f5f5; box-shadow: inset 0 -2px #3f51b5; } + +.window-button.minimized > StWidget { color: rgba(245, 245, 245, 0.54); box-shadow: none; } + +.window-button.minimized:hover > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); box-shadow: inset 0 -2px rgba(245, 245, 245, 0.2); color: #f5f5f5; } + +.window-button.minimized:active > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); box-shadow: inset 0 -2px #3f51b5; color: #f5f5f5; } + +.window-button-icon { width: 24px; height: 24px; } + +.window-list-workspace-indicator { padding: 3px; } + +.window-list-workspace-indicator > StWidget { border: 1px solid rgba(245, 245, 245, 0.2); background-color: rgba(0, 0, 0, 0.01); background-gradient-drection: vertical; background-gradient-start: rgba(0, 0, 0, 0.01); background-gradient-end: rgba(0, 0, 0, 0.01); color: rgba(245, 245, 245, 0.87); font-weight: 700; } + +.window-list-workspace-indicator:hover > StWidget { background-gradient-drection: vertical; background-gradient-start: rgba(245, 245, 245, 0.12); background-gradient-end: rgba(245, 245, 245, 0.12); color: #f5f5f5; } + +.window-list-workspace-indicator:active > StWidget, .window-list-workspace-indicator:checked > StWidget, .window-list-workspace-indicator:focus > StWidget { border: 1px solid #3f51b5; background-gradient-drection: vertical; background-gradient-start: rgba(63, 81, 181, 0.2); background-gradient-end: rgba(63, 81, 181, 0.2); color: #f5f5f5; } + +.notification { font-weight: 500; } |