diff options
| author | Mate <[email protected]> | 2021-06-13 08:27:43 +0200 |
|---|---|---|
| committer | raveit65 <[email protected]> | 2021-08-02 23:56:01 +0200 |
| commit | 6e20ada2306b34b709ad4fa7f177d9da0e6c44b6 (patch) | |
| tree | 5d838126ddddab4c2551782de07094787b76d7ce | |
| parent | 562496d896fd3d28351c4d43fbfbf16e4ebe5a35 (diff) | |
| download | mate-themes-6e20ada2306b34b709ad4fa7f177d9da0e6c44b6.tar.bz2 mate-themes-6e20ada2306b34b709ad4fa7f177d9da0e6c44b6.tar.xz | |
decrease border radius for popover on yaru grren and ok
| -rw-r--r-- | desktop-themes/YaruGreen/gtk-3.0/_common.scss | 7 | ||||
| -rw-r--r-- | desktop-themes/YaruGreen/gtk-3.0/gtk.css | 30 | ||||
| -rw-r--r-- | desktop-themes/YaruOk/gtk-3.0/_common.scss | 7 |
3 files changed, 23 insertions, 21 deletions
diff --git a/desktop-themes/YaruGreen/gtk-3.0/_common.scss b/desktop-themes/YaruGreen/gtk-3.0/_common.scss index e5172b19..0022f9fd 100644 --- a/desktop-themes/YaruGreen/gtk-3.0/_common.scss +++ b/desktop-themes/YaruGreen/gtk-3.0/_common.scss @@ -7,9 +7,10 @@ $asset_suffix: if($variant=='dark', '-dark', ''); $backdrop_transition: 200ms ease-out; $button_transition: all 200ms $ease-out-quad; $button_radius: 4px; // Yaru change: we want everything to be less round -$menu_radius: 4px; // Yaru change: we want everything to be less round +$model_button_radius: 3px; // blx change: we want everything to be less round +$menu_radius: 3px; // Yaru change: we want everything to be less round $window_radius: $button_radius + 3; -$popover_radius: $button_radius + 2; // Yaru change: we want everything to be less round +$popover_radius: $button_radius; // Yaru change: we want everything to be less round // Optional compact sizes for buttons, headerbar and headerbar widgets $_sizevariant: 'default'; //compact otherwise @@ -1116,7 +1117,7 @@ modelbutton.flat, min-height: 26px; padding-left: 5px; padding-right: 5px; - border-radius: $button_radius; + border-radius: $model_button_radius; outline-offset: -2px; @extend %undecorated_button; diff --git a/desktop-themes/YaruGreen/gtk-3.0/gtk.css b/desktop-themes/YaruGreen/gtk-3.0/gtk.css index 6d6cc76a..3f106dd5 100644 --- a/desktop-themes/YaruGreen/gtk-3.0/gtk.css +++ b/desktop-themes/YaruGreen/gtk-3.0/gtk.css @@ -429,7 +429,7 @@ toolbar.inline-toolbar toolbutton:only-child > button.flat, .linked:not(.vertica modelbutton.flat, .menuitem.button.flat, modelbutton.flat:backdrop, modelbutton.flat:backdrop:hover, .menuitem.button.flat:backdrop, .menuitem.button.flat:backdrop:hover, list row button.image-button:not(.flat), button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, calendar.button, .scale-popup button:hover, .scale-popup button:backdrop:hover, .scale-popup button:backdrop:disabled, .scale-popup button:backdrop { background-color: transparent; background-image: none; border-color: transparent; box-shadow: inset 0 1px rgba(255, 255, 255, 0), 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; } /* menu buttons */ -modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 4px; outline-offset: -2px; } +modelbutton.flat, .menuitem.button.flat { min-height: 26px; padding-left: 5px; padding-right: 5px; border-radius: 3px; outline-offset: -2px; } modelbutton.flat:hover, .menuitem.button.flat:hover { box-shadow: inset 0px 1px #7d856c, inset 0px -1px #7d856c; border-style: solid; background-image: linear-gradient(to bottom, #d3d8c7, #c9cfbb 50%, #c5cbb7 50%, #bbc2ab); background-color: #bfc6b0; color: #42453E; } @@ -799,7 +799,7 @@ menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 0 menu, .menu, .context-menu { margin: 4px; padding: 4px 0px; background-color: white; border: 1px solid #94908c; } -.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 4px; } +.csd menu, .csd .menu, .csd .context-menu { border: none; border-radius: 3px; } menu:backdrop, .menu:backdrop, .context-menu:backdrop { background-color: #fcfcfc; } @@ -823,9 +823,9 @@ menu menuitem label:dir(rtl), menu menuitem label:dir(ltr), .menu menuitem label menu > arrow, .menu > arrow, .context-menu > arrow { border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; min-height: 16px; min-width: 16px; padding: 4px; background-color: white; border-radius: 0; } -menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #e6e6e6; border-top-right-radius: 4px; border-top-left-radius: 4px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } +menu > arrow.top, .menu > arrow.top, .context-menu > arrow.top { margin-top: -4px; border-bottom: 1px solid #e6e6e6; border-top-right-radius: 3px; border-top-left-radius: 3px; -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); } -menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #e6e6e6; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } +menu > arrow.bottom, .menu > arrow.bottom, .context-menu > arrow.bottom { margin-top: 8px; margin-bottom: -12px; border-top: 1px solid #e6e6e6; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } menu > arrow:hover, .menu > arrow:hover, .context-menu > arrow:hover { background-color: #e6e6e6; } @@ -844,7 +844,7 @@ menuitem check:dir(rtl), menuitem radio:dir(rtl) { margin-left: 7px; } /*************** Popovers * */ popover.background { padding: 2px; background-color: white; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); } -.csd popover.background, popover.background { border: 1px solid #94908c; border-radius: 6px; } +.csd popover.background, popover.background { border: 1px solid #94908c; border-radius: 4px; } .csd popover.background { background-clip: padding-box; border-color: #94908c; } @@ -1894,7 +1894,7 @@ decoration:backdrop { box-shadow: 1px 1px 0px #000000, -1px 1px 0px #000000, 1px .ssd decoration { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.23); } -.csd.popup decoration { border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } +.csd.popup decoration { border-radius: 3px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 1px rgba(0, 0, 0, 0.13); } tooltip.csd decoration { border-radius: 5px; box-shadow: none; } @@ -2270,23 +2270,23 @@ assistant.background scrolledwindow .vertical checkbutton { margin-left: 1px; } /* the panel bar itself */ #PanelPlug, .mate-panel-menu-bar, PanelToplevel.background { background-color: #edeceb; background-image: none; color: #000000; text-shadow: none; } -#PanelPlug menu, .mate-panel-menu-bar menu, PanelToplevel.background menu { border-radius: 4px; padding: 4px 0px; } +#PanelPlug menu, .mate-panel-menu-bar menu, PanelToplevel.background menu { border-radius: 3px; padding: 4px 0px; } -.csd #PanelPlug menu, .csd .mate-panel-menu-bar menu, .csd PanelToplevel.background menu { border: none; border-radius: 4px; } +.csd #PanelPlug menu, .csd .mate-panel-menu-bar menu, .csd PanelToplevel.background menu { border: none; border-radius: 3px; } #PanelPlug menubar { box-shadow: none; } /* workaround to avoid unwanted black frames behind menus if switching compositor on/off */ .mate-panel-menu-bar .window-frame.csd.popup { box-shadow: none; } -menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 4px; } +menubar > menuitem menu:dir(rtl), menubar > menuitem menu:dir(ltr), .menubar > menuitem menu:dir(rtl), .menubar > menuitem menu:dir(ltr) { border-radius: 3px; } -menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 4px; } +menubar .csd.popup decoration, .menubar .csd.popup decoration { border-radius: 3px; } /* hide buttons */ PanelToplevel > widget > button { border-image: none; background-image: none; background: transparent; border-style: none; border-radius: 0px; padding: 0px; box-shadow: none; color: #000000; } -#PanelApplet { border-radius: 4px; } +#PanelApplet { border-radius: 3px; } PanelWidget > PanelSeparator { border-width: 0; background-color: transparent; color: #94908c; } @@ -2333,9 +2333,9 @@ PanelApplet.wnck-applet .wnck-pager { outline-style: solid; outline-offset: -1px #PanelApplet > #clock-applet-button.flat.toggle:checked { box-shadow: inset 0px 1px #94908c, inset 0px -1px #94908c, inset 1px 0px #94908c, inset -1px 0px #94908c; background-image: linear-gradient(to bottom, #cbc9c6, #d6d4d2 3px, #d9d7d5 4px, #cdcbc9 50%, #c9c6c4 50%, #c0bdba); } /* volume applet */ -.mate-panel-applet-slider, .mate-panel-applet-slider.background { border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.23); background: transparent; } +.mate-panel-applet-slider, .mate-panel-applet-slider.background { border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.23); background: transparent; } -.mate-panel-applet-slider frame, .mate-panel-applet-slider.background frame { background-color: #edeceb; border-radius: 4px; padding: 1px; margin: 1px; /* brightness applet */ } +.mate-panel-applet-slider frame, .mate-panel-applet-slider.background frame { background-color: #edeceb; border-radius: 3px; padding: 1px; margin: 1px; /* brightness applet */ } .mate-panel-applet-slider frame border, .mate-panel-applet-slider.background frame border { border-image: none; border-style: none; border-radius: 2px; } @@ -2378,7 +2378,7 @@ MsdOsdWindow.background.osd .progressbar { border-radius: 4px; background-color: .brisk-menu .apps-list, .brisk-menu .categories-list, .brisk-menu entry { margin: 4px; } -.brisk-menu .apps-list, .brisk-menu .categories-list { border-radius: 4px; } +.brisk-menu .apps-list, .brisk-menu .categories-list { border-radius: 3px; } .brisk-menu .apps-list row:selected, .brisk-menu .categories-list row:selected { background-color: #bfc6b0; color: #42453E; } @@ -2458,7 +2458,7 @@ menu menuitem:hover, .menu menuitem:hover, .context-menu menuitem:hover { color: menubar > menuitem:hover, .menubar > menuitem:hover { color: #42453E; background-color: #bfc6b0; } -.app-notification, .app-notification.frame { padding: 10px; margin: 12px; color: #1a1a1a; border-radius: 4px; background: none; background-color: white; border: 1px solid #94908c; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); text-shadow: none; } +.app-notification, .app-notification.frame { padding: 10px; margin: 12px; color: #1a1a1a; border-radius: 3px; background: none; background-color: white; border: 1px solid #94908c; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); text-shadow: none; } .app-notification button.text-button, .app-notification button.image-button, .app-notification button, .app-notification button:dir(ltr).text-button, .app-notification button:dir(ltr).image-button, .app-notification button:dir(ltr), .app-notification button:dir(rtl).text-button, .app-notification button:dir(rtl).image-button, .app-notification button:dir(rtl), .app-notification.frame button.text-button, .app-notification.frame button.image-button, .app-notification.frame button, .app-notification.frame button:dir(ltr).text-button, .app-notification.frame button:dir(ltr).image-button, .app-notification.frame button:dir(ltr), .app-notification.frame button:dir(rtl).text-button, .app-notification.frame button:dir(rtl).image-button, .app-notification.frame button:dir(rtl) { color: #000000; outline-color: #94908c; border-color: #94908c; background-image: linear-gradient(to bottom, #fdfdfc, #fafafa 50%, #f6f5f5 50%, #e9e7e6); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: 0 1px rgba(0, 0, 0, 0.05); } diff --git a/desktop-themes/YaruOk/gtk-3.0/_common.scss b/desktop-themes/YaruOk/gtk-3.0/_common.scss index 1cec0355..f4046b23 100644 --- a/desktop-themes/YaruOk/gtk-3.0/_common.scss +++ b/desktop-themes/YaruOk/gtk-3.0/_common.scss @@ -7,9 +7,10 @@ $asset_suffix: if($variant=='dark', '-dark', ''); $backdrop_transition: 200ms ease-out; $button_transition: all 200ms $ease-out-quad; $button_radius: 4px; // Yaru change: we want everything to be less round -$menu_radius: 4px; // Yaru change: we want everything to be less round +$model_button_radius: 3px; // blx change: we want everything to be less round +$menu_radius: 3px; // Yaru change: we want everything to be less round $window_radius: $button_radius + 3; -$popover_radius: $button_radius + 2; // Yaru change: we want everything to be less round +$popover_radius: $button_radius; // Yaru change: we want everything to be less round // Optional compact sizes for buttons, headerbar and headerbar widgets $_sizevariant: 'default'; //compact otherwise @@ -1116,7 +1117,7 @@ modelbutton.flat, min-height: 26px; padding-left: 5px; padding-right: 5px; - border-radius: $button_radius; + border-radius: $model_button_radius; outline-offset: -2px; @extend %undecorated_button; |