diff --git a/src/_sass/gtk/_common-3.20.scss b/src/_sass/gtk/_common-3.20.scss index fb06588..52567b6 100644 --- a/src/_sass/gtk/_common-3.20.scss +++ b/src/_sass/gtk/_common-3.20.scss @@ -1296,6 +1296,7 @@ searchbar > revealer > box { min-height: $small-size; box-shadow: inset 0 1px highlight($titlebar); border-radius: $corner-radius $corner-radius 0 0; + border: none; @if $mac_style == 'true' { padding: $space-size $space-size * 2; diff --git a/src/gnome-shell/extensions/dash-to-panel/install.sh b/src/gnome-shell/extensions/dash-to-panel/install.sh deleted file mode 100755 index 3680b27..0000000 --- a/src/gnome-shell/extensions/dash-to-panel/install.sh +++ /dev/null @@ -1,61 +0,0 @@ -#!/bin/bash - -REPO_DIR=$(cd $(dirname $0) && pwd) -ROOT_UID=0 - -# Destination directory -if [ "$UID" -eq "$ROOT_UID" ]; then - DEST_DIR="/usr/share/gnome-shell/extensions/dash-to-panel@jderose9.github.com" -else - DEST_DIR="$HOME/.local/share/gnome-shell/extensions/dash-to-panel@jderose9.github.com" -fi - -_install() { -if [[ -f ${DEST_DIR}/stylesheet.css ]]; then - mv -n ${DEST_DIR}/stylesheet.css ${DEST_DIR}/stylesheet.css.back - cp -r ${REPO_DIR}/stylesheet.css ${DEST_DIR}/stylesheet.css -else - echo -e "\n stylesheet.css not exist!" - exit 0 -fi - -echo -echo -e "Done!" -} - -_restore() { -if [[ -f ${DEST_DIR}/stylesheet.css.back ]]; then - rm -rf ${DEST_DIR}/stylesheet.css - mv -n ${REPO_DIR}/stylesheet.css.back ${DEST_DIR}/stylesheet.css -else - echo -e "\n stylesheet.css.back not exist!" - exit 0 -fi - -echo -echo -e "Done!" -} - -while [[ "$#" -gt 0 ]]; do - case "${1:-}" in - -r|--restore) - restore="true" - ;; - -h|--help) - usage - exit 0 - ;; - *) - echo "ERROR: Unrecognized installation option '${1:-}'." - echo "Try '$0 --help' for more information." - exit 1 - ;; - esac -done - -if [[ "${restore}" == "true" ]]; then - _restore -else - _install -fi - diff --git a/src/gnome-shell/extensions/dash-to-panel/stylesheet.css b/src/gnome-shell/extensions/dash-to-panel/stylesheet.css deleted file mode 100644 index 0cbe4a2..0000000 --- a/src/gnome-shell/extensions/dash-to-panel/stylesheet.css +++ /dev/null @@ -1,128 +0,0 @@ -.dashtopanelMainPanel { - margin: 0; - padding: 0; - border-radius: 0; -} - -#dashtopanelTaskbar .dash-item-container > StWidget { - margin: 0; - padding: 0; -} - -#dashtopanelScrollview .app-well-app .overview-icon, -.dashtopanelMainPanel .show-apps .overview-icon { - background: none; - border: none; - margin: 0; - padding: 0; -} - -#dashtopanelScrollview .app-well-app .overview-label { - padding-right: 8px; -} - -#dashtopanelScrollview .app-well-app:hover .overview-icon, -#dashtopanelScrollview .app-well-app:focus .overview-icon { - background: none; -} - -.dashtopanelMainPanel .show-apps:hover .overview-icon, -#dashtopanelScrollview .app-well-app:hover .dtp-container, -#dashtopanelScrollview .app-well-app:focus .dtp-container { - background-color: rgba(238, 238, 236, 0.1); -} - -#dashtopanelScrollview .app-well-app:active .dtp-container { - background-color: rgba(238, 238, 236, 0.18); -} - -#dashtopanelScrollview .app-well-app .favorite { - background-color: rgba(80, 150, 255, 0.4); -} - -#dashtopanelScrollview .app-well-app-running-dot { - margin-bottom: 0; -} - -#dashtopanelTaskbar .scrollview-fade { - background-gradient-end: rgba(0, 0, 0, 0); -} - -.dashtopanelSecondaryMenu { - max-width: 400px; -} - -.dashtopanelMainPanel.vertical .panel-button { - text-align: center; -} - -.dashtopanelMainPanel.vertical .panel-button.vertical *, -.dashtopanelMainPanel.vertical .panel-button.clock-display * { - padding: 0; - margin: 0; -} - -.dashtopanelMainPanel.vertical .panel-button > *, -.dashtopanelMainPanel.vertical .panel-button.vertical > *, -.dashtopanelMainPanel.vertical .panel-button.clock-display > * { - padding: 8px 0; -} - -#dashtopanelThumbnailList { - spacing: 0em; - padding: 0 1em; -} - -#dashtopanelThumbnailList .popup-menu-item { - padding: 0; - border-radius: 3px; - spacing: 0; -} - -#dashtopanelThumbnailList .window-box { - padding: 0; - spacing: 0; -} - -#dashtopanelThumbnailList .preview-window-title { - padding-top: 1em; -} - -.popup-menu.panel-menu { - margin-bottom: 0; -} - -.popup-menu-boxpointer .popup-menu-content { - margin: 6px; -} - -#panel #panelLeft, #panel #panelCenter { - spacing: 0; - margin: 0; - border-radius: 0; -} - -.showdesktop-button-dark-hovered { - background-color: rgba(200, 200, 200, .4); -} - -.showdesktop-button-light-hovered { - background-color: rgba(55, 55, 55, .4); -} - -.panel-corner.hidden:active, .panel-corner.hidden:overview, .panel-corner.hidden:focus { - -panel-corner-border-color: rgba(0, 0, 0, .001); -} -#dashtopanelScrollview .badge { - color: rgba(255, 255, 255, 1); - font-weight: bold; - text-align: center; -} - -#dashtopanelScrollview .number-overlay { - background-color: rgba(0,0,0,0.8); -} - -#dashtopanelScrollview .notification-badge { - background-color: rgba(255,0,0,0.8); -} diff --git a/src/gnome-shell/sass/_extensions-3-28.scss b/src/gnome-shell/sass/_extensions-3-28.scss new file mode 100644 index 0000000..f3b7241 --- /dev/null +++ b/src/gnome-shell/sass/_extensions-3-28.scss @@ -0,0 +1,267 @@ +// +// Dash to Dock +// + +$icon_padding: 9px; + +#dashtodockContainer { + background: transparent; + + #dash, + &:overview #dash, + &.extended #dash, + &.extended:overview #dash { + padding: 0; + border: none; + margin: 0; + } + + @each $_dock, $_radius in (top, 16px 16px 16px 16px), + (bottom, 16px 16px 16px 16px), + (left, 16px 16px 16px 16px), + (right, 16px 16px 16px 16px) { + &.#{$_dock} #dash, + &.#{$_dock}:overview #dash { border-radius: #{$_radius}; } + + &.#{$_dock}.extended #dash, + &.#{$_dock}.extended:overview #dash { border-radius: #{$_radius}; } + } + + #dash { // default-mode + background-color: $panel_bg_color; + box-shadow: none; + } + + &.opaque #dash { // solid-mode + background-color: $panel_bg; + } + + &.transparent #dash { // translucent-mode + background-color: $panel_bg_color; // does not work + } + + &:overview #dash { // overview-mode #1 + background-color: $panel_bg_color; + } + + &.opaque:overview, + &.transparent:overview { // overview-mode #2 + #dash { + background-color: transparent !important; + box-shadow: none !important; + } + } + + &.extended:overview, // overview-mode #3 + &.opaque.extended:overview, + &.transparent.extended:overview { + #dash { + background-color: $panel_bg_color; + } + } + + .app-well-app, + .show-apps { + .overview-icon { + padding: $icon_padding; + background-size: contain; + } + } +} + +// +// Dash to Panel +// + +$dash_to_panel_item_radius: 5px; + +.dashtopanelMainPanel { + border-radius: 0 !important; + padding: 0 !important; + margin: 0 !important; + + .dash-background { + background-color: $panel_bg_color; + margin-bottom: 0 !important; + padding: 0 !important; + border-radius: 0 !important; + } + + .show-apps .overview-icon { + margin: 0 !important; + border-radius: $dash_to_panel_item_radius !important; + } + + .panel-button { + &, &.clock-display .clock { + border-radius: $dash_to_panel_item_radius + $container_padding / 2 !important; + margin: 0 !important; + } + } + + Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button, + Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button { + border-radius: $dash_to_panel_item_radius !important; + + > * { + padding: 8px 6px !important; + } + } +} + +.popup-menu.panel-menu, .popup-menu.panel-menu.quick-settings { + .popup-menu-content { + margin-bottom: $container_padding / 2 !important; + } +} + +$dash_to_panel_menu_radius: 12px; + +.dashtopanelSecondaryMenu { + border-radius: $dash_to_panel_menu_radius !important; +} + +#preview-menu { + margin: $container_padding !important; + box-shadow: 0 3px 8px rgba(black, 0.2) !important; + border-radius: $dash_to_panel_menu_radius !important; + padding: 0 !important; + + // .preview-header-box { + // border-radius: $dash_to_panel_item_radius !important; + // } +} + +#dashtopanelPreviewScrollview { + padding: $dash_to_panel_menu_radius 0 !important; + border-radius: $dash_to_panel_menu_radius !important; +} + +// +// Simple Dock +// + +#dash:desktop { + background-color: $panel_bg_color; +} + +// +// OpenWeather +// + +.openweather { + &-button, + &-button-action, + &-menu-button-container, + &-button-box { + border: 1px solid transparent; + } + + &-provider { + // generic text buttons are allocated with y-expand-ed + padding: 0 16px; + font-weight: 500; + @include button(flat-normal); + &:hover { @include button(flat-hover); } + &:focus { @include button(flat-focus); } + &:active { @include button(flat-active); } + &:insensitive { @include button(flat-disabled); } + } + + &-current { + &-icon, + &-summary, + &-summarybox { + background: none; + color: $fg_color; + } + + &-databox-values { + background: none; + color: $hint_fg_color; + } + + &-databox-captions { + background: none; + color: $hint_fg_color; + } + } + + &-forecast { + &-icon, + &-summary { + background: none; + color: $secondary_fg_color; + } + + &-day, + &-temperature { + background: none; + color: $hint_fg_color; + } + } + + &-sunrise-icon, + &-sunset-icon, + &-build-icon { color: $secondary_fg_color; } +} + +// +// GPaste +// + +.popup-menu { + .search-entry { + color: $fg_color; + selection-background-color: $primary_color; + selected-color: $inverse_fg_color; + @include entry(normal); + + &:focus { + @include entry(focus); + color: $fg_color; + } + + .search-entry-icon { color: $hint_fg_color; } + + &:hover, &:focus { + .search-entry-icon { color: $fg_color; } + } + } +} + +// +// 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/sass/_extensions-40-0.scss b/src/gnome-shell/sass/_extensions-40-0.scss new file mode 100644 index 0000000..ed2a7cf --- /dev/null +++ b/src/gnome-shell/sass/_extensions-40-0.scss @@ -0,0 +1,477 @@ +// +// Dash to Dock +// + +// Scrollview style +.bottom #dashtodockDashScrollview, +.top #dashtodockDashScrollview { + -st-hfade-offset: 24px; +} + +.left #dashtodockDashScrollview, +.right #dashtodockDashScrollview { + -st-vfade-offset: 24px; +} + +#dashtodockContainer { + background: transparent; + + .number-overlay { + color: white; + background-color: rgba(black, 0.75); + text-align: center; + } + + .notification-badge { + color: $light_fg_color; + background-color: $primary_color; + box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.25); + border-radius: $circular_radius; + margin: 2px 3px 5px; + padding: 0.2em 0.6em; + font-weight: bold; + text-align: center; + } + + @each $_pos, $b_pos in (top, bottom), + (bottom, top), + (left, right), + (right, left) { + &.#{$_pos} #dash .dash-background { + border-radius: $dash_border_radius !important; + } + + &.#{$_pos}.straight-corner, + &.#{$_pos}.shrink.straight-corner, + &.#{$_pos}.extended, + &.#{$_pos}.shrink.extended { + #dash { + margin: 0 !important; + margin-top: 0 !important; + padding: 0 !important; + + .dash-background { + margin: 0 !important; + margin-bottom: 0 !important; + border-radius: 0 !important; + } + + .dash-item-container .app-well-app, .show-apps { + margin: 0 !important; + } + } + } + } + + &.extended, + &.straight-corner { + .dash-background { + border-radius: 0 !important; + } + } + + &.shrink { + .dash-background { + padding: $dash_spacing !important; + // border-radius: $buttons_radius + $container_padding / 2; + } + + .dash-item-container .app-well-app, .show-apps { + margin: 0 !important; + } + } + + &.shrink.extended { + .dash-background { + border-radius: 0; + } + } + + #dash, + &:overview #dash { + background: transparent; + } + + &.left, + &.right { + .dash-item-container .app-well-app, .show-apps { + padding: $dash_spacing $container_padding !important; + } + + .dash-background { + margin-bottom: 0 !important; + } + + &.shrink, &.shrink.extended { + .dash-background { + padding: $container_margin / 2 $container_margin !important; + } + + .dash-item-container .app-well-app, .show-apps { + margin: 0 !important; + padding: $container_margin / 2 0 !important; + } + } + + &.extended, + &.straight-corner { + .dash-item-container .app-well-app { + padding: $dash_spacing $dash_padding !important; + } + + .show-apps { + padding: $dash_spacing $dash_padding $dash_padding * 2 !important; + } + } + } + + &.top, + &.bottom { + .dash-background { + padding: $dash_padding ($dash_padding - $dash_spacing) !important; + } + + &.shrink { + .dash-background { + padding: $container_margin $container_margin / 2 !important; + } + + .dash-item-container .app-well-app, .show-apps { + margin: 0 !important; + padding: 0 $container_margin / 2 $dash_padding !important; + } + } + + &.extended, + &.straight-corner { + .dash-separator { + margin: 0 ($dash_spacing + ($dash_padding / 2)) !important; + } + + .dash-item-container .app-well-app, .show-apps { + padding: $dash_padding $dash_spacing !important; + } + } + } + + #dash { + .dash-background { + background-color: $panel_bg_color; + } + + .app-well-app-running-dot { + margin-bottom: 3px !important; + } + + StWidget.focused .app-well-app-running-dot { + background-color: $primary_color; + } + } + + &.opaque #dash .dash-background { // solid-mode + background-color: $panel_bg; + } + + &.transparent #dash .dash-background { // translucent-mode + background-color: $panel_bg_color; // does not work + } + + &:overview #dash { // overview-mode #1 + background: none; + + .dash-background { + background-color: $inverse_divider_color; + } + + StWidget.focused .app-well-app-running-dot { + background-color: $primary_color; + } + } + + &.opaque:overview, + &.transparent:overview { // overview-mode #2 + #dash { + background-color: transparent !important; + box-shadow: none !important; + } + + .dash-background { + background-color: transparent !important; + } + } + + &.extended:overview, // overview-mode #3 + &.opaque.extended:overview, + &.transparent.extended:overview { + #dash { + background: none; + } + } + + &.running-dots, + &.dashtodock { + .dash-item-container > StButton { + transition-duration: 250ms; + background-size: contain; + } + } + + &.shrink, + &.dashtodock { + .dash-item-container > StButton { + padding: 1px 2px; + } + } + + &.extended, + &.extended:overview { + .app-well-app, + .show-apps { + .overview-icon { + border-radius: $buttons_radius; + } + } + } + + .metro .overview-icon { + border-radius: 0; + } +} + +.dashtodock-app-well-preview-menu-item { + padding: 1em 1em 0.5em 1em; +} + +#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal { + width: 1px; + height: auto; + border-right-width: 1px; + margin: 32px 0; +} + +// +// Dash to Panel +// + +$dash_to_panel_item_radius: 5px; + +.dashtopanelMainPanel { + border-radius: 0 !important; + padding: 0 !important; + margin: 0 !important; + + .dash-background { + background-color: $dash_background_color; + margin-bottom: 0 !important; + padding: 0 !important; + border-radius: 0 !important; + } + + .show-apps .overview-icon { + margin: 0 !important; + border-radius: $dash_to_panel_item_radius !important; + } + + .panel-button { + &, &.clock-display .clock { + border-radius: $dash_to_panel_item_radius + $container_padding / 2 !important; + margin: 0 !important; + } + } + + Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button, + Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button { + border-radius: $dash_to_panel_item_radius !important; + + > * { + padding: 8px 6px !important; + } + } +} + +.popup-menu.panel-menu, .popup-menu.panel-menu.quick-settings { + .popup-menu-content { + margin-bottom: $container_padding / 2 !important; + } +} + +$dash_to_panel_menu_radius: 12px; + +.dashtopanelSecondaryMenu { + border-radius: $dash_to_panel_menu_radius !important; +} + +#preview-menu { + margin: $container_padding !important; + box-shadow: 0 3px 8px rgba(black, 0.2) !important; + border-radius: $dash_to_panel_menu_radius !important; + padding: 0 !important; + + // .preview-header-box { + // border-radius: $dash_to_panel_item_radius !important; + // } +} + +#dashtopanelPreviewScrollview { + padding: $dash_to_panel_menu_radius 0 !important; + border-radius: $dash_to_panel_menu_radius !important; +} + +// +// OpenWeather +// + +.openweather { + &-button, + &-button-action, + &-menu-button-container, + &-button-box { + border: 1px solid transparent; + } + + &-provider { + // generic text buttons are allocated with y-expand-ed + padding: 0 16px; + font-weight: 500; + @include button(flat-normal); + &:hover { @include button(flat-hover); } + &:focus { @include button(flat-focus); } + &:active { @include button(flat-active); } + &:insensitive { @include button(flat-disabled); } + } + + &-current { + &-icon, + &-summary, + &-summarybox { + background: none; + color: $fg_color; + } + + &-databox-values { + background: none; + color: $hint_fg_color; + } + + &-databox-captions { + background: none; + color: $hint_fg_color; + } + } + + &-forecast { + &-icon, + &-summary { + background: none; + color: $secondary_fg_color; + } + + &-day, + &-temperature { + background: none; + color: $hint_fg_color; + } + } + + &-sunrise-icon, + &-sunset-icon, + &-build-icon { color: $secondary_fg_color; } +} + +.popup-sub-menu .openweather { + &-current { + &-icon, + &-summary, + &-summarybox { + background: none; + color: rgba(black, 0.95); + } + + &-databox-values { + color: rgba(black, 0.75); + } + + &-databox-captions { + color: rgba(black, 0.75); + } + } + + &-forecast { + &-icon, + &-summary { + color: rgba(black, 0.85); + } + + &-day, + &-temperature { + color: rgba(black, 0.75); + } + } + + &-sunrise-icon, + &-sunset-icon, + &-build-icon { color: rgba(black, 0.85); } +} + +// +// Arcmenu +// +.arcmenu-menu-button, +.arcmenu-button { + border-width: 0 !important; + border-radius: $circular_radius !important; +} + +// +// 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; + } + } + } +} + +// +// Blur my shell +// + +.overview-components-transparent .search-entry, +.overview-components-light .search-entry, +.overview-components-dark .search-entry { + caret-color: rgba(white, 0.75) !important; + + .search-entry-icon { + color: rgba(white, 0.65); + } + + StLabel.hint-text { + color: rgba(white, 0.35) !important; + } +} 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 a8f8a89..c99f19a 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 @@ -3948,6 +3948,59 @@ StWidget.focused .app-well-app-running-dot { background-size: contain; } +.dashtopanelMainPanel { + border-radius: 0 !important; + padding: 0 !important; + margin: 0 !important; +} + +.dashtopanelMainPanel .dash-background { + background-color: rgba(0, 0, 0, 0.5); + margin-bottom: 0 !important; + padding: 0 !important; + border-radius: 0 !important; +} + +.dashtopanelMainPanel .show-apps .overview-icon { + margin: 0 !important; + border-radius: 5px !important; +} + +.dashtopanelMainPanel .panel-button, .dashtopanelMainPanel .panel-button.clock-display .clock { + border-radius: 7px !important; + margin: 0 !important; +} + +.dashtopanelMainPanel Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button, +.dashtopanelMainPanel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button { + border-radius: 5px !important; +} + +.dashtopanelMainPanel Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button > *, +.dashtopanelMainPanel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button > * { + padding: 8px 6px !important; +} + +.popup-menu.panel-menu .popup-menu-content, .popup-menu.panel-menu.quick-settings .popup-menu-content { + margin-bottom: 2px !important; +} + +.dashtopanelSecondaryMenu { + border-radius: 12px !important; +} + +#preview-menu { + margin: 4px !important; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2) !important; + border-radius: 12px !important; + padding: 0 !important; +} + +#dashtopanelPreviewScrollview { + padding: 12px 0 !important; + border-radius: 12px !important; +} + #dash:desktop { background-color: rgba(33, 33, 33, 0.65); } 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 a03b625..ff5c39b 100644 --- a/src/gnome-shell/shell-3-28/gnome-shell-Dark.css +++ b/src/gnome-shell/shell-3-28/gnome-shell-Dark.css @@ -3948,6 +3948,59 @@ StWidget.focused .app-well-app-running-dot { background-size: contain; } +.dashtopanelMainPanel { + border-radius: 0 !important; + padding: 0 !important; + margin: 0 !important; +} + +.dashtopanelMainPanel .dash-background { + background-color: rgba(0, 0, 0, 0.5); + margin-bottom: 0 !important; + padding: 0 !important; + border-radius: 0 !important; +} + +.dashtopanelMainPanel .show-apps .overview-icon { + margin: 0 !important; + border-radius: 5px !important; +} + +.dashtopanelMainPanel .panel-button, .dashtopanelMainPanel .panel-button.clock-display .clock { + border-radius: 8px !important; + margin: 0 !important; +} + +.dashtopanelMainPanel Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button, +.dashtopanelMainPanel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button { + border-radius: 5px !important; +} + +.dashtopanelMainPanel Gjs_arcmenu_arcmenu_com_menuButton_Arc_Menu_MenuButton.panel-button > *, +.dashtopanelMainPanel Gjs_arcmenu_arcmenu_com_menuButton_ArcMenu_MenuButton.panel-button > * { + padding: 8px 6px !important; +} + +.popup-menu.panel-menu .popup-menu-content, .popup-menu.panel-menu.quick-settings .popup-menu-content { + margin-bottom: 3px !important; +} + +.dashtopanelSecondaryMenu { + border-radius: 12px !important; +} + +#preview-menu { + margin: 6px !important; + box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2) !important; + border-radius: 12px !important; + padding: 0 !important; +} + +#dashtopanelPreviewScrollview { + padding: 12px 0 !important; + border-radius: 12px !important; +} + #dash:desktop { background-color: rgba(33, 33, 33, 0.65); } diff --git a/src/gtk/3.0/gtk-Compact.css b/src/gtk/3.0/gtk-Compact.css index 4646931..c40d1a1 100644 --- a/src/gtk/3.0/gtk-Compact.css +++ b/src/gtk/3.0/gtk-Compact.css @@ -1504,6 +1504,7 @@ searchbar > revealer > box { min-height: 22px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); border-radius: 10px 10px 0 0; + border: none; padding: 4px 2px; } diff --git a/src/gtk/3.0/gtk-Dark-Compact.css b/src/gtk/3.0/gtk-Dark-Compact.css index c159009..27b2b26 100644 --- a/src/gtk/3.0/gtk-Dark-Compact.css +++ b/src/gtk/3.0/gtk-Dark-Compact.css @@ -1504,6 +1504,7 @@ searchbar > revealer > box { min-height: 22px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); border-radius: 10px 10px 0 0; + border: none; padding: 4px 2px; } diff --git a/src/gtk/3.0/gtk-Dark.css b/src/gtk/3.0/gtk-Dark.css index 779ee93..4e96fc6 100644 --- a/src/gtk/3.0/gtk-Dark.css +++ b/src/gtk/3.0/gtk-Dark.css @@ -1504,6 +1504,7 @@ searchbar > revealer > box { min-height: 24px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); border-radius: 12px 12px 0 0; + border: none; padding: 6px 3px; } diff --git a/src/gtk/3.0/gtk-Light-Compact.css b/src/gtk/3.0/gtk-Light-Compact.css index 8ee08db..e9c3a04 100644 --- a/src/gtk/3.0/gtk-Light-Compact.css +++ b/src/gtk/3.0/gtk-Light-Compact.css @@ -1504,6 +1504,7 @@ searchbar > revealer > box { min-height: 22px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); border-radius: 10px 10px 0 0; + border: none; padding: 4px 2px; } diff --git a/src/gtk/3.0/gtk-Light.css b/src/gtk/3.0/gtk-Light.css index 854ccc4..764ef75 100644 --- a/src/gtk/3.0/gtk-Light.css +++ b/src/gtk/3.0/gtk-Light.css @@ -1504,6 +1504,7 @@ searchbar > revealer > box { min-height: 24px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4); border-radius: 12px 12px 0 0; + border: none; padding: 6px 3px; } diff --git a/src/gtk/3.0/gtk.css b/src/gtk/3.0/gtk.css index aa7b999..d1ef453 100644 --- a/src/gtk/3.0/gtk.css +++ b/src/gtk/3.0/gtk.css @@ -1504,6 +1504,7 @@ searchbar > revealer > box { min-height: 24px; box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); border-radius: 12px 12px 0 0; + border: none; padding: 6px 3px; } diff --git a/src/gtk/4.0/gtk-Compact.css b/src/gtk/4.0/gtk-Compact.css index f46bd90..d0420d5 100644 --- a/src/gtk/4.0/gtk-Compact.css +++ b/src/gtk/4.0/gtk-Compact.css @@ -4816,7 +4816,6 @@ popover.entry-completion > contents { .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar { padding: 16px 0 16px 0; - background: none; border-radius: 12px; } @@ -4898,7 +4897,6 @@ popover.entry-completion > contents { .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box { color: #1A73E8; - background-color: #FFFFFF; border-image-width: 10px 10px 10px 46px; border-image-slice: 10 10 10 46; border-image-repeat: stretch; diff --git a/src/gtk/4.0/gtk-Dark-Compact.css b/src/gtk/4.0/gtk-Dark-Compact.css index 23dc5ce..d7f8f8a 100644 --- a/src/gtk/4.0/gtk-Dark-Compact.css +++ b/src/gtk/4.0/gtk-Dark-Compact.css @@ -4816,7 +4816,6 @@ popover.entry-completion > contents { .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar { padding: 16px 0 16px 0; - background: none; border-radius: 12px; } @@ -4898,7 +4897,6 @@ popover.entry-completion > contents { .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box { color: #3281EA; - background-color: #2C2C2C; border-image-width: 10px 10px 10px 46px; border-image-slice: 10 10 10 46; border-image-repeat: stretch; diff --git a/src/gtk/4.0/gtk-Dark.css b/src/gtk/4.0/gtk-Dark.css index f8c6d1a..bc0e9fe 100644 --- a/src/gtk/4.0/gtk-Dark.css +++ b/src/gtk/4.0/gtk-Dark.css @@ -4816,7 +4816,6 @@ popover.entry-completion > contents { .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar { padding: 16px 0 16px 0; - background: none; border-radius: 12px; } @@ -4898,7 +4897,6 @@ popover.entry-completion > contents { .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box { color: #3281EA; - background-color: #2C2C2C; border-image-width: 10px 10px 10px 46px; border-image-slice: 10 10 10 46; border-image-repeat: stretch; diff --git a/src/gtk/4.0/gtk-Light-Compact.css b/src/gtk/4.0/gtk-Light-Compact.css index 45e27cc..fa86dba 100644 --- a/src/gtk/4.0/gtk-Light-Compact.css +++ b/src/gtk/4.0/gtk-Light-Compact.css @@ -4801,7 +4801,6 @@ popover.entry-completion > contents { .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar { padding: 16px 0 16px 0; - background: none; border-radius: 12px; } @@ -4882,7 +4881,6 @@ popover.entry-completion > contents { .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box { color: #1A73E8; - background-color: #FFFFFF; border-image-width: 10px 10px 10px 46px; border-image-slice: 10 10 10 46; border-image-repeat: stretch; diff --git a/src/gtk/4.0/gtk-Light.css b/src/gtk/4.0/gtk-Light.css index 5ee6566..79bd1a8 100644 --- a/src/gtk/4.0/gtk-Light.css +++ b/src/gtk/4.0/gtk-Light.css @@ -4801,7 +4801,6 @@ popover.entry-completion > contents { .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar { padding: 16px 0 16px 0; - background: none; border-radius: 12px; } @@ -4882,7 +4881,6 @@ popover.entry-completion > contents { .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box { color: #1A73E8; - background-color: #FFFFFF; border-image-width: 10px 10px 10px 46px; border-image-slice: 10 10 10 46; border-image-repeat: stretch; diff --git a/src/gtk/4.0/gtk.css b/src/gtk/4.0/gtk.css index a8509bb..43d1214 100644 --- a/src/gtk/4.0/gtk.css +++ b/src/gtk/4.0/gtk.css @@ -4816,7 +4816,6 @@ popover.entry-completion > contents { .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar { padding: 16px 0 16px 0; - background: none; border-radius: 12px; } @@ -4898,7 +4897,6 @@ popover.entry-completion > contents { .nautilus-window flap.unfolded > placessidebar > scrolledwindow > viewport > list.navigation-sidebar > row.activatable:selected > revealer > box { color: #1A73E8; - background-color: #FFFFFF; border-image-width: 10px 10px 10px 46px; border-image-slice: 10 10 10 46; border-image-repeat: stretch;