summaryrefslogtreecommitdiff
path: root/desktop-themes
diff options
context:
space:
mode:
authorMate <[email protected]>2021-06-13 08:27:43 +0200
committerraveit65 <[email protected]>2021-08-02 23:56:01 +0200
commit6e20ada2306b34b709ad4fa7f177d9da0e6c44b6 (patch)
tree5d838126ddddab4c2551782de07094787b76d7ce /desktop-themes
parent562496d896fd3d28351c4d43fbfbf16e4ebe5a35 (diff)
downloadmate-themes-6e20ada2306b34b709ad4fa7f177d9da0e6c44b6.tar.bz2
mate-themes-6e20ada2306b34b709ad4fa7f177d9da0e6c44b6.tar.xz
decrease border radius for popover on yaru grren and ok
Diffstat (limited to 'desktop-themes')
-rw-r--r--desktop-themes/YaruGreen/gtk-3.0/_common.scss7
-rw-r--r--desktop-themes/YaruGreen/gtk-3.0/gtk.css30
-rw-r--r--desktop-themes/YaruOk/gtk-3.0/_common.scss7
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;