diff --git a/src/gnome-shell/sass/_extensions-3-28.scss b/src/gnome-shell/sass/_extensions-3-28.scss index ee07001..d8f7e35 100644 --- a/src/gnome-shell/sass/_extensions-3-28.scss +++ b/src/gnome-shell/sass/_extensions-3-28.scss @@ -161,3 +161,39 @@ $icon_padding: 9px; } } } + +// +// Pop_OS cosmic widget styling +// + +.cosmic-solid-bg { + background-color: $system_bg_color; +} + +.cosmic-dock { + #dock { + background-color: transparent; + + .dash-background { + background-color: $panel_bg_color; + } + } + + &.extended { + #dash { + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; + padding: 0 0; + + .dash-background { + border-radius: 0; + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; + } + } + } +} diff --git a/src/gnome-shell/shell-3-28/gnome-shell-compact.css b/src/gnome-shell/shell-3-28/gnome-shell-compact.css index 9d5c8a5..237699f 100644 --- a/src/gnome-shell/shell-3-28/gnome-shell-compact.css +++ b/src/gnome-shell/shell-3-28/gnome-shell-compact.css @@ -4045,3 +4045,31 @@ StWidget.focused .app-well-app-running-dot { .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(0, 0, 0, 0.87); } + +.cosmic-solid-bg { + background-color: #222222; +} + +.cosmic-dock #dock { + background-color: transparent; +} + +.cosmic-dock #dock .dash-background { + background-color: rgba(0, 0, 0, 0.5); +} + +.cosmic-dock.extended #dash { + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; + padding: 0 0; +} + +.cosmic-dock.extended #dash .dash-background { + border-radius: 0; + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; +} diff --git a/src/gnome-shell/shell-3-28/gnome-shell-dark-compact.css b/src/gnome-shell/shell-3-28/gnome-shell-dark-compact.css index 46ebae3..cd81545 100644 --- a/src/gnome-shell/shell-3-28/gnome-shell-dark-compact.css +++ b/src/gnome-shell/shell-3-28/gnome-shell-dark-compact.css @@ -4045,3 +4045,31 @@ StWidget.focused .app-well-app-running-dot { .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(255, 255, 255, 0.9); } + +.cosmic-solid-bg { + background-color: #222222; +} + +.cosmic-dock #dock { + background-color: transparent; +} + +.cosmic-dock #dock .dash-background { + background-color: rgba(0, 0, 0, 0.5); +} + +.cosmic-dock.extended #dash { + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; + padding: 0 0; +} + +.cosmic-dock.extended #dash .dash-background { + border-radius: 0; + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; +} diff --git a/src/gnome-shell/shell-3-28/gnome-shell-dark.css b/src/gnome-shell/shell-3-28/gnome-shell-dark.css index e7889ac..e870551 100644 --- a/src/gnome-shell/shell-3-28/gnome-shell-dark.css +++ b/src/gnome-shell/shell-3-28/gnome-shell-dark.css @@ -4045,3 +4045,31 @@ StWidget.focused .app-well-app-running-dot { .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(255, 255, 255, 0.9); } + +.cosmic-solid-bg { + background-color: #222222; +} + +.cosmic-dock #dock { + background-color: transparent; +} + +.cosmic-dock #dock .dash-background { + background-color: rgba(0, 0, 0, 0.5); +} + +.cosmic-dock.extended #dash { + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; + padding: 0 0; +} + +.cosmic-dock.extended #dash .dash-background { + border-radius: 0; + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; +} diff --git a/src/gnome-shell/shell-3-28/gnome-shell.css b/src/gnome-shell/shell-3-28/gnome-shell.css index 6fe1023..fdd884f 100644 --- a/src/gnome-shell/shell-3-28/gnome-shell.css +++ b/src/gnome-shell/shell-3-28/gnome-shell.css @@ -4045,3 +4045,31 @@ StWidget.focused .app-well-app-running-dot { .popup-menu .search-entry:hover .search-entry-icon, .popup-menu .search-entry:focus .search-entry-icon { color: rgba(0, 0, 0, 0.87); } + +.cosmic-solid-bg { + background-color: #222222; +} + +.cosmic-dock #dock { + background-color: transparent; +} + +.cosmic-dock #dock .dash-background { + background-color: rgba(0, 0, 0, 0.5); +} + +.cosmic-dock.extended #dash { + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; + padding: 0 0; +} + +.cosmic-dock.extended #dash .dash-background { + border-radius: 0; + margin-left: 0; + margin-right: 0; + margin-top: 0; + margin-bottom: 0; +}