Update

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark-compact/cinnamon/cinnamon.css

@@ -10,7 +10,7 @@ stage {
   min-height: 24px;
   padding: 5px 32px;
   transition-duration: 100ms;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(255, 255, 255, 0.7);
   background-color: rgba(255, 255, 255, 0.04);
 }
@@ -18,36 +18,36 @@ stage {
 .sound-button:focus {
   color: white;
   background-color: rgba(255, 255, 255, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:hover {
   color: white;
   background-color: rgba(255, 255, 255, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:hover:focus {
   color: white;
   background-color: rgba(255, 255, 255, 0.3);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:active {
   color: white;
   background-color: rgba(255, 255, 255, 0.3);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:insensitive {
   color: rgba(255, 255, 255, 0.5);
   background-color: rgba(255, 255, 255, 0.04);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button, .calendar-today-home-button,
 .calendar-today-home-button-enabled {
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(255, 255, 255, 0.7);
   background-color: transparent;
 }
@@ -56,28 +56,28 @@ stage {
 .calendar-today-home-button-enabled:hover {
   color: white;
   background-color: rgba(255, 255, 255, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active, .calendar-today-home-button:active,
 .calendar-today-home-button-enabled:active {
   color: white;
   background-color: rgba(255, 255, 255, 0.3);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive, .calendar-today-home-button:insensitive,
 .calendar-today-home-button-enabled:insensitive {
   color: rgba(255, 255, 255, 0.3);
   background-color: transparent;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .modal-dialog-button-box .modal-dialog-button {
   min-height: 24px;
   padding: 4px 20px;
   transition-duration: 100ms;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(255, 255, 255, 0.7);
   background-color: rgba(255, 255, 255, 0.04);
 }
@@ -108,7 +108,7 @@ stage {
   selection-background-color: #3281EA;
   selected-color: white;
   transition-duration: 300ms;
-  border-radius: 4px;
+  border-radius: 2px;
   color: white;
   border: 2px solid transparent;
   background-color: rgba(255, 255, 255, 0.04);
@@ -271,7 +271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #Tooltip {
-  border-radius: 4px;
+  border-radius: 2px;
   padding: 5px 12px;
   background-color: rgba(54, 54, 54, 0.9);
   color: white;
@@ -300,8 +300,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-combo-menu .popup-menu-content {
   padding: 4px 0;
   color: white;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
-  border-radius: 6px;
+  border-radius: 3px;
   margin: 4px;
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
 }
@@ -351,7 +351,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-combo-menu .popup-menu-item {
   padding: 4px 8px;
   spacing: 8px;
-  border-radius: 4px;
+  border-radius: 2px;
   margin: 0 4px;
 }
 
@@ -395,7 +395,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .popup-menu-boxpointer {
-  -arrow-border-radius: 4px;
+  -arrow-border-radius: 2px;
   -arrow-background-color: rgba(0, 0, 0, 0);
   -arrow-border-width: 0;
   -arrow-border-color: rgba(0, 0, 0, 0);
@@ -525,7 +525,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-size: 1em;
   padding: 0px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
-  background-color: #1F1F1F;
+  background-color: rgba(31, 31, 31, 0.8);
 }
 
 .panel-top .panel-button:hover,
@@ -585,7 +585,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border: 1px solid rgba(54, 54, 54, 0.9);
   color: white;
   spacing: 25px;
-  border-radius: 4px;
+  border-radius: 2px;
   font-size: 9pt;
   padding: 5px 8px;
   -cinnamon-caption-spacing: 4px;
@@ -601,7 +601,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .expo-workspaces-name-entry,
 .expo-workspaces-name-entry#selected {
   height: 15px;
-  border-radius: 4px;
+  border-radius: 2px;
   font-size: 9pt;
   padding: 5px 8px;
   -cinnamon-caption-spacing: 4px;
@@ -624,13 +624,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .expo-workspace-thumbnail-frame {
   border: 4px solid rgba(255, 255, 255, 0);
   background-color: rgba(255, 255, 255, 0);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .expo-workspace-thumbnail-frame#active {
   border: 4px solid #3281EA;
   background-color: black;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .expo-background {
@@ -730,7 +730,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .about-scrollBox {
   border: 1px solid rgba(255, 255, 255, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: #2B2B2B;
   padding: 4px;
   padding-right: 0;
@@ -845,7 +845,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   text-align: center;
   font-size: 14px;
   color: white;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .calendar-day-base {
@@ -930,7 +930,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 6px;
   min-width: 350px;
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
   background-gradient-direction: vertical;
   background-gradient-start: rgba(255, 255, 255, 0.04);
   background-gradient-end: rgba(255, 255, 255, 0.04);
@@ -940,7 +940,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-events-no-events-button {
   margin: 4px 0;
   padding: 4px;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .calendar-events-no-events-button:hover {
@@ -983,7 +983,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .calendar-event-button {
   margin: 4px 0 4px 0;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .calendar-event-button:hover {
@@ -1050,14 +1050,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #notification {
-  border-radius: 8px;
+  border-radius: 3px;
   padding: 8px;
   spacing-rows: 6px;
   spacing-columns: 6px;
   margin-from-right-edge-of-screen: 12px;
   width: 28em;
   color: white;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
   margin: 7px 12px 17px 12px;
 }
@@ -1068,7 +1068,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu #notification, .popup-menu #notification {
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(255, 255, 255, 0.05);
   box-shadow: none;
   margin: 0;
@@ -1136,9 +1136,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .switcher-list {
   color: white;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
   padding: 20px;
 }
 
@@ -1152,7 +1152,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .switcher-list .item-box {
   padding: 8px;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .switcher-list .item-box:outlined {
@@ -1226,7 +1226,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-color: rgba(46, 46, 46, 0.95);
   border: 1px solid rgba(0, 0, 0, 0.65);
   padding: 0 5px 6px 5px;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
 }
 
@@ -1251,7 +1251,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .run-dialog {
   padding: 4px 8px;
   background-color: rgba(54, 54, 54, 0.9);
-  border-radius: 4px;
+  border-radius: 2px;
   color: white;
 }
 
@@ -1283,7 +1283,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .run-dialog-entry {
   width: 21em;
   padding: 2px 8px;
-  border-radius: 4px;
+  border-radius: 2px;
   caret-color: white;
   selected-color: white;
   selection-background-color: #3281EA;
@@ -1412,7 +1412,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   min-width: 2em;
   font-size: 14pt;
   font-weight: bold;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: none;
   color: rgba(255, 255, 255, 0.7);
   background-color: rgba(255, 255, 255, 0.04);
@@ -1436,7 +1436,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .keyboard-subkeys {
   color: white;
   padding: 5px;
-  -arrow-border-radius: 4px;
+  -arrow-border-radius: 2px;
   -arrow-background-color: rgba(54, 54, 54, 0.9);
   -arrow-border-width: 1px;
   -arrow-border-color: rgba(0, 0, 0, 0.4);
@@ -1452,17 +1452,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   transition-duration: 300;
   background-color: rgba(255, 255, 255, 0.05);
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-favorites-button {
   padding: 6px;
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-favorites-button:hover {
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(255, 255, 255, 0.1);
 }
 
@@ -1486,7 +1486,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu-application-button {
   padding: 4px;
-  border-radius: 4px;
+  border-radius: 2px;
   border: none;
 }
 
@@ -1498,7 +1498,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: white;
   background-color: rgba(255, 255, 255, 0.12);
   padding: 4px;
-  border-radius: 4px;
+  border-radius: 2px;
   border: none;
 }
 
@@ -1516,7 +1516,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu StScrollView.menu-application-button {
   padding: 2px 0;
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.7);
 }
@@ -1525,7 +1525,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0;
   spacing: 0;
   margin: 0 2px;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(255, 255, 255, 0.7);
 }
 
@@ -1557,7 +1557,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu-category-button {
   padding: 4px;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-category-button-selected {
@@ -1567,7 +1567,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .menu-category-button-hover, .menu-category-button-selected {
   color: white;
   background-color: rgba(255, 255, 255, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-category-button-greyed {
@@ -1647,12 +1647,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0;
   height: 4px;
   background-color: rgba(0, 0, 0, 0.35);
-  border-radius: 4px;
+  border-radius: 2px;
   color: #3281EA;
 }
 
 .osd-window .level-bar {
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: #3281EA;
 }
 
@@ -1800,7 +1800,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-gradient-direction: vertical;
   background-gradient-start: #81C995;
   background-gradient-end: #81C995;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: none;
 }
 
@@ -1814,7 +1814,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   spacing: 4px;
   border: none;
   background-color: #2B2B2B;
-  border-radius: 4px;
+  border-radius: 2px;
   color: white;
   box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
 }
@@ -1830,15 +1830,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .grouped-window-list-thumbnail-menu {
   padding: 4px;
   color: white;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
-  border-radius: 6px;
+  border-radius: 3px;
   margin: 4px;
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
 }
 
 .grouped-window-list-thumbnail-menu .item-box {
   padding: 4px;
-  border-radius: 4px;
+  border-radius: 2px;
   spacing: 4px;
   margin: 1px;
 }
@@ -1923,7 +1923,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-gradient-direction: vertical;
   background-gradient-start: #81C995;
   background-gradient-end: #81C995;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: none;
 }
 
@@ -2004,7 +2004,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .sound-player {
   padding: 0 0;
   margin-top: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(255, 255, 255, 0.04);
   color: white;
 }
@@ -2043,7 +2043,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   spacing: 4px;
   background-color: rgba(0, 0, 0, 0.5);
   border: none;
-  border-radius: 0 0 4px 4px;
+  border-radius: 0 0 2px 2px;
   color: white;
 }
 

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark-compact/gnome-shell/assets/menu.svg

@@ -7,7 +7,7 @@
    viewBox="0 0 16.933333 16.933334"
    version="1.1"
    id="svg5"
-   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
    sodipodi:docname="menu.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
@@ -27,7 +27,7 @@
      width="120px"
      inkscape:zoom="11.550363"
      inkscape:cx="32.726244"
-     inkscape:cy="27.61818"
+     inkscape:cy="13.765801"
      inkscape:window-width="1920"
      inkscape:window-height="1012"
      inkscape:window-x="0"
@@ -84,7 +84,7 @@
        d="M 14.011719 2.9960938 C 9.0350663 2.9960938 4.9980469 7.0409257 4.9980469 12.017578 L 4.9980469 47.982422 C 4.9980469 52.959073 9.0350663 57.003906 14.011719 57.003906 L 49.982422 57.003906 C 54.959077 57.003906 59.003906 52.959073 59.003906 47.982422 L 59.003906 12.017578 C 59.003906 7.0409257 54.959077 2.9960938 49.982422 2.9960938 L 14.011719 2.9960938 z M 14.013672 4 L 49.986328 4 C 54.426283 4 58 7.5737176 58 12.013672 L 58 47.986328 C 58 52.426283 54.426283 56 49.986328 56 L 14.013672 56 C 9.5737176 56 6 52.426283 6 47.986328 L 6 12.013672 C 6 7.5737176 9.5737176 4 14.013672 4 z "
        transform="scale(0.26458333)" />
     <path
-       style="color:#000000;opacity:1;fill:#202020;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+       style="color:#000000;opacity:0.97;fill:#202020;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
        d="m 3.7079656,1.0583333 h 9.5174024 c 1.174738,0 2.120465,0.9457276 2.120465,2.1204655 v 9.5174022 c 0,1.174738 -0.945727,2.120465 -2.120465,2.120465 H 3.7079656 c -1.1747379,0 -2.1204655,-0.945727 -2.1204655,-2.120465 V 3.1787988 c 0,-1.1747379 0.9457276,-2.1204655 2.1204655,-2.1204655 z"
        id="path979" />
   </g>

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark-compact/gtk-3.0/assets/scalable/check-symbolic.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="14.916666"
+     inkscape:cx="7.9776538"
+     inkscape:cy="5.1620113"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 16.091797,6.5468751 c 0.127806,-3.5e-6 0.255581,0.04855 0.353515,0.1464844 0.195869,0.1958684 0.195869,0.5111627 0,0.7070308 L 9.3730471,14.472656 c -0.02449,0.02449 -0.05035,0.04611 -0.07815,0.06443 -0.02772,0.01839 -0.05585,0.03268 -0.08593,0.04492 -0.03009,0.01224 -0.06226,0.02122 -0.09376,0.02734 -0.03149,0.0061 -0.06375,0.0098 -0.09571,0.0098 -0.03195,0 -0.06226,-0.0036 -0.09375,-0.0098 -0.03149,-0.0061 -0.06367,-0.0151 -0.09375,-0.02734 -0.03009,-0.01224 -0.05818,-0.02656 -0.08593,-0.04492 -0.01389,-0.0092 -0.02786,-0.02051 -0.04101,-0.03125 -0.01312,-0.01071 -0.02679,-0.02099 -0.03903,-0.03323 l -4.18665,-4.188623 c -0.1958683,-0.195869 -0.1958687,-0.511162 5e-7,-0.707032 0.1958681,-0.195867 0.5111624,-0.195868 0.7070307,1e-6 l 3.8331198,3.835099 6.7187499,-6.7187499 c 0.09793,-0.097934 0.225707,-0.1464831 0.353516,-0.146484 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark-compact/gtk-3.0/assets/scalable/check-symbolic@2.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic@2.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="7.458333"
+     inkscape:cx="-8.9832406"
+     inkscape:cy="11.061453"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 32.183594,13.09375 c 0.255612,-7e-6 0.511162,0.0971 0.70703,0.292969 0.391738,0.391737 0.391738,1.022325 0,1.414062 l -14.14453,14.144531 c -0.04898,0.04898 -0.1007,0.09222 -0.1563,0.12886 -0.05544,0.03678 -0.1117,0.06536 -0.17186,0.08984 -0.06018,0.02448 -0.12452,0.04244 -0.18752,0.05468 -0.06298,0.0122 -0.1275,0.0196 -0.19142,0.0196 -0.0639,0 -0.12452,-0.0072 -0.1875,-0.0196 -0.06298,-0.0122 -0.12734,-0.0302 -0.1875,-0.05468 -0.06018,-0.02448 -0.11636,-0.05312 -0.17186,-0.08984 -0.02778,-0.0184 -0.05572,-0.04102 -0.08202,-0.0625 -0.02624,-0.02142 -0.05358,-0.04198 -0.07806,-0.06646 L 8.9587542,20.567966 c -0.3917366,-0.391738 -0.3917374,-1.022324 1e-6,-1.414064 0.3917362,-0.391734 1.0223248,-0.391736 1.4140618,2e-6 l 7.666239,7.670198 13.4375,-13.4375 c 0.19586,-0.195868 0.451414,-0.292966 0.707032,-0.292968 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc"
+     style="stroke-width:2" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark-compact/gtk-3.0/gtk-dark.css

@@ -1432,7 +1432,7 @@ headerbar button.titlebutton:not(.suggested-action):not(.destructive-action) {
   border-radius: 8px 8px 0 0;
   color: white;
   box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 .titlebar:disabled {
@@ -1984,7 +1984,7 @@ menu,
 .context-menu {
   margin: 3px 0;
   padding: 3px 0;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   background-clip: border-box;
   border: 1px solid rgba(255, 255, 255, 0.12);
 }
@@ -2118,7 +2118,7 @@ popover,
 popover.background {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 2px;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 3px 4px rgba(0, 0, 0, 0.08), 0 1px 6px rgba(0, 0, 0, 0.06);
   background-clip: border-box;
 }
@@ -4296,7 +4296,7 @@ popover.emoji-completion .emoji:hover {
 .nautilus-window.background.csd {
   background-color: rgba(48, 48, 48, 0.95);
   border-radius: 0 0 8px 8px;
-  background-color: #303030;
+  background-color: rgba(48, 48, 48, 0.95);
 }
 
 .nautilus-window.background.csd.unified {
@@ -4304,11 +4304,11 @@ popover.emoji-completion .emoji:hover {
 }
 
 .nautilus-window.background.csd.unified headerbar.titlebar {
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 .nautilus-window.background.csd.unified placessidebar.sidebar {
-  background-color: #303030;
+  background-color: rgba(48, 48, 48, 0.95);
 }
 
 .nautilus-window.background.csd placessidebar.sidebar, .nautilus-window.background.csd placessidebar.sidebar > viewport.frame > list > separator {
@@ -7512,8 +7512,6 @@ frame.raven-frame > border {
 .raven {
   background-color: #3C3C3C;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13);
-  margin: 8px 6px 6px;
-  border-radius: 4px;
 }
 
 .raven > box {
@@ -8013,7 +8011,7 @@ window.background.csd.thunar scrolledwindow.frame.sidebar.shortcuts-pane treevie
 #restart_dialog {
   margin: 8px;
   border-radius: 4px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
   background-color: #3C3C3C;
 }
 

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark-compact/gtk-3.0/gtk.css

@@ -1432,7 +1432,7 @@ headerbar button.titlebutton:not(.suggested-action):not(.destructive-action) {
   border-radius: 8px 8px 0 0;
   color: white;
   box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 .titlebar:disabled {
@@ -1984,7 +1984,7 @@ menu,
 .context-menu {
   margin: 3px 0;
   padding: 3px 0;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   background-clip: border-box;
   border: 1px solid rgba(255, 255, 255, 0.12);
 }
@@ -2118,7 +2118,7 @@ popover,
 popover.background {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 2px;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 3px 4px rgba(0, 0, 0, 0.08), 0 1px 6px rgba(0, 0, 0, 0.06);
   background-clip: border-box;
 }
@@ -4296,7 +4296,7 @@ popover.emoji-completion .emoji:hover {
 .nautilus-window.background.csd {
   background-color: rgba(48, 48, 48, 0.95);
   border-radius: 0 0 8px 8px;
-  background-color: #303030;
+  background-color: rgba(48, 48, 48, 0.95);
 }
 
 .nautilus-window.background.csd.unified {
@@ -4304,11 +4304,11 @@ popover.emoji-completion .emoji:hover {
 }
 
 .nautilus-window.background.csd.unified headerbar.titlebar {
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 .nautilus-window.background.csd.unified placessidebar.sidebar {
-  background-color: #303030;
+  background-color: rgba(48, 48, 48, 0.95);
 }
 
 .nautilus-window.background.csd placessidebar.sidebar, .nautilus-window.background.csd placessidebar.sidebar > viewport.frame > list > separator {
@@ -7512,8 +7512,6 @@ frame.raven-frame > border {
 .raven {
   background-color: #3C3C3C;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13);
-  margin: 8px 6px 6px;
-  border-radius: 4px;
 }
 
 .raven > box {
@@ -8013,7 +8011,7 @@ window.background.csd.thunar scrolledwindow.frame.sidebar.shortcuts-pane treevie
 #restart_dialog {
   margin: 8px;
   border-radius: 4px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
   background-color: #3C3C3C;
 }
 

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark-compact/gtk-4.0/assets/scalable/check-symbolic.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="14.916666"
+     inkscape:cx="7.9776538"
+     inkscape:cy="5.1620113"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 16.091797,6.5468751 c 0.127806,-3.5e-6 0.255581,0.04855 0.353515,0.1464844 0.195869,0.1958684 0.195869,0.5111627 0,0.7070308 L 9.3730471,14.472656 c -0.02449,0.02449 -0.05035,0.04611 -0.07815,0.06443 -0.02772,0.01839 -0.05585,0.03268 -0.08593,0.04492 -0.03009,0.01224 -0.06226,0.02122 -0.09376,0.02734 -0.03149,0.0061 -0.06375,0.0098 -0.09571,0.0098 -0.03195,0 -0.06226,-0.0036 -0.09375,-0.0098 -0.03149,-0.0061 -0.06367,-0.0151 -0.09375,-0.02734 -0.03009,-0.01224 -0.05818,-0.02656 -0.08593,-0.04492 -0.01389,-0.0092 -0.02786,-0.02051 -0.04101,-0.03125 -0.01312,-0.01071 -0.02679,-0.02099 -0.03903,-0.03323 l -4.18665,-4.188623 c -0.1958683,-0.195869 -0.1958687,-0.511162 5e-7,-0.707032 0.1958681,-0.195867 0.5111624,-0.195868 0.7070307,1e-6 l 3.8331198,3.835099 6.7187499,-6.7187499 c 0.09793,-0.097934 0.225707,-0.1464831 0.353516,-0.146484 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark-compact/gtk-4.0/assets/scalable/check-symbolic@2.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic@2.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="7.458333"
+     inkscape:cx="-8.9832406"
+     inkscape:cy="11.061453"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 32.183594,13.09375 c 0.255612,-7e-6 0.511162,0.0971 0.70703,0.292969 0.391738,0.391737 0.391738,1.022325 0,1.414062 l -14.14453,14.144531 c -0.04898,0.04898 -0.1007,0.09222 -0.1563,0.12886 -0.05544,0.03678 -0.1117,0.06536 -0.17186,0.08984 -0.06018,0.02448 -0.12452,0.04244 -0.18752,0.05468 -0.06298,0.0122 -0.1275,0.0196 -0.19142,0.0196 -0.0639,0 -0.12452,-0.0072 -0.1875,-0.0196 -0.06298,-0.0122 -0.12734,-0.0302 -0.1875,-0.05468 -0.06018,-0.02448 -0.11636,-0.05312 -0.17186,-0.08984 -0.02778,-0.0184 -0.05572,-0.04102 -0.08202,-0.0625 -0.02624,-0.02142 -0.05358,-0.04198 -0.07806,-0.06646 L 8.9587542,20.567966 c -0.3917366,-0.391738 -0.3917374,-1.022324 1e-6,-1.414064 0.3917362,-0.391734 1.0223248,-0.391736 1.4140618,2e-6 l 7.666239,7.670198 13.4375,-13.4375 c 0.19586,-0.195868 0.451414,-0.292966 0.707032,-0.292968 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc"
+     style="stroke-width:2" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark-compact/gtk-4.0/gtk-dark.css

@@ -155,7 +155,7 @@ popover.background.magnifier > contents, .osd {
   background-clip: padding-box;
   border-radius: 4px;
   border: none;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .osd {
@@ -1741,7 +1741,7 @@ headerbar {
   min-height: 36px;
   margin: 0;
   padding: 0;
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 headerbar:disabled {
@@ -1912,10 +1912,6 @@ headerbar.selection-mode .selection-menu {
   padding-right: 16px;
 }
 
-headerbar.selection-mode .selection-menu arrow {
-  -GtkArrow-arrow-scaling: 1;
-}
-
 headerbar.selection-mode .selection-menu .arrow {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
@@ -2386,8 +2382,8 @@ popover.background > arrow,
 popover.background > contents {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 4px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   border-radius: 6px;
   color: white;
   border: 1px solid rgba(255, 255, 255, 0.12);
@@ -2430,6 +2426,10 @@ popover.background toolbar {
   background-color: #3C3C3C;
 }
 
+popover.background list > row {
+  border-radius: 4px;
+}
+
 popover.background listview {
   margin: 0;
   padding: 0;
@@ -2499,9 +2499,8 @@ tabbar tabbox tab, notebook > header tab {
   min-height: 20px;
   min-width: 20px;
   padding: 2px 8px;
-  border-width: 1px;
+  border: 1px solid transparent;
-  border-color: transparent;
+  border-bottom: 0;
-  border-style: solid;
   outline: none;
   background-clip: padding-box;
   color: rgba(255, 255, 255, 0.7);
@@ -2766,6 +2765,11 @@ tabbar:backdrop .box > .end-action {
   filter: opacity(0.5);
 }
 
+tabbar tabbox {
+  padding: 0;
+  margin: 0;
+}
+
 tabbar tabbox > tabboxchild {
   padding: 0;
   margin: 0;
@@ -4732,7 +4736,7 @@ stackswitcher.circular button.text-button.circular {
 }
 
 .icon-dropshadow {
-  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 /*********
@@ -4881,6 +4885,10 @@ statusbar {
   margin-left: 0;
 }
 
+navigation-view-page > toolbarview > scrolledwindow > viewport > clamp > box > box > stack > button {
+  margin-top: 8px;
+}
+
 label.primary-label, label.month-name, label.secondary-label {
   font-size: 16pt;
   font-weight: bold;
@@ -4917,7 +4925,7 @@ weekgrid.current {
 }
 
 popover.events {
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   padding: 0;
 }
 
@@ -5346,7 +5354,7 @@ screenshot-carousel button,
 }
 
 .category-tile.card:hover {
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .category-tile.card.category-tile-iconless {
@@ -5857,6 +5865,14 @@ spinner.fade-in:checked {
   animation-delay: 0s, 0.5s, 0.5s;
 }
 
+window.org-gnome-TextEditor popover.open-popover > contents {
+  padding: 0;
+}
+
+window.org-gnome-TextEditor popover.open-popover > contents separator {
+  margin: 0;
+}
+
 avatar {
   border-radius: 9999px;
   font-weight: bold;
@@ -5970,7 +5986,7 @@ splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.s
 }
 
 button.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6065,7 +6081,7 @@ menubutton.destructive-action {
 }
 
 menubutton.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6190,7 +6206,7 @@ splitbutton.destructive-action {
 }
 
 splitbutton.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6278,7 +6294,7 @@ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-chi
 }
 
 statuspage.compact > scrolledwindow > viewport > box {
-  margin: 16px 4px 8 2;
+  margin: 16px 4px 8px 2px;
   border-spacing: 16px;
 }
 
@@ -6819,12 +6835,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 }
 
 .sidebar-pane banner > revealer > widget {
-  background-color: gtkmix(#3281EA, #303030, 30%);
+  background-color: mix(#3281EA,#303030,0.7);
   color: white;
 }
 
 .sidebar-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#3281EA, #303030, 30%);
+  background-color: mix(#3281EA,#303030,0.7);
 }
 
 .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget {
@@ -6978,13 +6994,13 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 
 .content-pane .sidebar-pane banner > revealer > widget,
 .sidebar-pane .content-pane banner > revealer > widget {
-  background-color: gtkmix(#3281EA, #2B2B2B, 30%);
+  background-color: mix(#3281EA,#2B2B2B,0.7);
   color: white;
 }
 
 .content-pane .sidebar-pane banner > revealer > widget:backdrop,
 .sidebar-pane .content-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#3281EA, #2B2B2B, 30%);
+  background-color: mix(#3281EA,#2B2B2B,0.7);
 }
 
 .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget,
@@ -7017,6 +7033,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
   box-shadow: none;
 }
 
+.top-bar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
 .top-bar .collapse-spacing {
   padding: 0;
 }
@@ -7171,6 +7193,143 @@ tabbox:drop(active) {
   box-shadow: none;
 }
 
+themeselector,
+panelthemeselector {
+  margin: 6px;
+}
+
+themeselector checkbutton,
+panelthemeselector checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked,
+panelthemeselector checkbutton.follow:checked,
+panelthemeselector checkbutton.light:checked,
+panelthemeselector checkbutton.dark:checked {
+  box-shadow: inset 0 0 0 2px #3281EA;
+}
+
+themeselector checkbutton.follow,
+panelthemeselector checkbutton.follow {
+  background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%);
+}
+
+themeselector checkbutton.light,
+panelthemeselector checkbutton.light {
+  background-color: #ffffff;
+}
+
+themeselector checkbutton.dark,
+panelthemeselector checkbutton.dark {
+  background-color: #202020;
+}
+
+themeselector checkbutton.theme-selector radio,
+panelthemeselector checkbutton.theme-selector radio {
+  -gtk-icon-source: none;
+  border: none;
+  background: none;
+  box-shadow: none;
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+}
+
+themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:hover,
+panelthemeselector checkbutton.theme-selector radio:active,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  background-color: transparent;
+}
+
+themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg")));
+  color: white;
+  background-color: #3281EA;
+}
+
+themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active,
+panelthemeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked:hover,
+panelthemeselector checkbutton.theme-selector radio:checked:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher {
+  padding: 4px;
+}
+
+themeswitcher .check {
+  min-height: 20px;
+  min-width: 20px;
+  background: none;
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  color: white;
+  background-color: #3281EA;
+}
+
+themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+themeswitcher checkbutton:checked {
+  box-shadow: inset 0 0 0 2px #3281EA;
+}
+
+themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active {
+  background-color: transparent;
+  border: none;
+  background: none;
+  box-shadow: none;
+  color: transparent;
+  -gtk-icon-source: none;
+  -gtk-icon-size: 0;
+}
+
+themeswitcher checkbutton.system {
+  background: linear-gradient(-45deg, #1e1e1e 50%, white 50%);
+}
+
+themeswitcher checkbutton.light {
+  color: alpha(black, 0.8);
+  background-color: white;
+}
+
+themeswitcher checkbutton.dark {
+  color: white;
+  background-color: #1e1e1e;
+}
+
+floating-sheet > dimming {
+  background-color: rgba(0, 0, 0, 0.25);
+}
+
+floating-sheet > sheet.background {
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.12), 0 0 0 36px transparent;
+}
+
 /* GTK NAMED COLORS
    ----------------
    use responsibly! */

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark-compact/gtk-4.0/gtk.css

@@ -155,7 +155,7 @@ popover.background.magnifier > contents, .osd {
   background-clip: padding-box;
   border-radius: 4px;
   border: none;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .osd {
@@ -1741,7 +1741,7 @@ headerbar {
   min-height: 36px;
   margin: 0;
   padding: 0;
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 headerbar:disabled {
@@ -1912,10 +1912,6 @@ headerbar.selection-mode .selection-menu {
   padding-right: 16px;
 }
 
-headerbar.selection-mode .selection-menu arrow {
-  -GtkArrow-arrow-scaling: 1;
-}
-
 headerbar.selection-mode .selection-menu .arrow {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
@@ -2386,8 +2382,8 @@ popover.background > arrow,
 popover.background > contents {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 4px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   border-radius: 6px;
   color: white;
   border: 1px solid rgba(255, 255, 255, 0.12);
@@ -2430,6 +2426,10 @@ popover.background toolbar {
   background-color: #3C3C3C;
 }
 
+popover.background list > row {
+  border-radius: 4px;
+}
+
 popover.background listview {
   margin: 0;
   padding: 0;
@@ -2499,9 +2499,8 @@ tabbar tabbox tab, notebook > header tab {
   min-height: 20px;
   min-width: 20px;
   padding: 2px 8px;
-  border-width: 1px;
+  border: 1px solid transparent;
-  border-color: transparent;
+  border-bottom: 0;
-  border-style: solid;
   outline: none;
   background-clip: padding-box;
   color: rgba(255, 255, 255, 0.7);
@@ -2766,6 +2765,11 @@ tabbar:backdrop .box > .end-action {
   filter: opacity(0.5);
 }
 
+tabbar tabbox {
+  padding: 0;
+  margin: 0;
+}
+
 tabbar tabbox > tabboxchild {
   padding: 0;
   margin: 0;
@@ -4732,7 +4736,7 @@ stackswitcher.circular button.text-button.circular {
 }
 
 .icon-dropshadow {
-  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 /*********
@@ -4881,6 +4885,10 @@ statusbar {
   margin-left: 0;
 }
 
+navigation-view-page > toolbarview > scrolledwindow > viewport > clamp > box > box > stack > button {
+  margin-top: 8px;
+}
+
 label.primary-label, label.month-name, label.secondary-label {
   font-size: 16pt;
   font-weight: bold;
@@ -4917,7 +4925,7 @@ weekgrid.current {
 }
 
 popover.events {
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   padding: 0;
 }
 
@@ -5346,7 +5354,7 @@ screenshot-carousel button,
 }
 
 .category-tile.card:hover {
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .category-tile.card.category-tile-iconless {
@@ -5857,6 +5865,14 @@ spinner.fade-in:checked {
   animation-delay: 0s, 0.5s, 0.5s;
 }
 
+window.org-gnome-TextEditor popover.open-popover > contents {
+  padding: 0;
+}
+
+window.org-gnome-TextEditor popover.open-popover > contents separator {
+  margin: 0;
+}
+
 avatar {
   border-radius: 9999px;
   font-weight: bold;
@@ -5970,7 +5986,7 @@ splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.s
 }
 
 button.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6065,7 +6081,7 @@ menubutton.destructive-action {
 }
 
 menubutton.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6190,7 +6206,7 @@ splitbutton.destructive-action {
 }
 
 splitbutton.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6278,7 +6294,7 @@ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-chi
 }
 
 statuspage.compact > scrolledwindow > viewport > box {
-  margin: 16px 4px 8 2;
+  margin: 16px 4px 8px 2px;
   border-spacing: 16px;
 }
 
@@ -6819,12 +6835,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 }
 
 .sidebar-pane banner > revealer > widget {
-  background-color: gtkmix(#3281EA, #303030, 30%);
+  background-color: mix(#3281EA,#303030,0.7);
   color: white;
 }
 
 .sidebar-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#3281EA, #303030, 30%);
+  background-color: mix(#3281EA,#303030,0.7);
 }
 
 .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget {
@@ -6978,13 +6994,13 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 
 .content-pane .sidebar-pane banner > revealer > widget,
 .sidebar-pane .content-pane banner > revealer > widget {
-  background-color: gtkmix(#3281EA, #2B2B2B, 30%);
+  background-color: mix(#3281EA,#2B2B2B,0.7);
   color: white;
 }
 
 .content-pane .sidebar-pane banner > revealer > widget:backdrop,
 .sidebar-pane .content-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#3281EA, #2B2B2B, 30%);
+  background-color: mix(#3281EA,#2B2B2B,0.7);
 }
 
 .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget,
@@ -7017,6 +7033,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
   box-shadow: none;
 }
 
+.top-bar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
 .top-bar .collapse-spacing {
   padding: 0;
 }
@@ -7171,6 +7193,143 @@ tabbox:drop(active) {
   box-shadow: none;
 }
 
+themeselector,
+panelthemeselector {
+  margin: 6px;
+}
+
+themeselector checkbutton,
+panelthemeselector checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked,
+panelthemeselector checkbutton.follow:checked,
+panelthemeselector checkbutton.light:checked,
+panelthemeselector checkbutton.dark:checked {
+  box-shadow: inset 0 0 0 2px #3281EA;
+}
+
+themeselector checkbutton.follow,
+panelthemeselector checkbutton.follow {
+  background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%);
+}
+
+themeselector checkbutton.light,
+panelthemeselector checkbutton.light {
+  background-color: #ffffff;
+}
+
+themeselector checkbutton.dark,
+panelthemeselector checkbutton.dark {
+  background-color: #202020;
+}
+
+themeselector checkbutton.theme-selector radio,
+panelthemeselector checkbutton.theme-selector radio {
+  -gtk-icon-source: none;
+  border: none;
+  background: none;
+  box-shadow: none;
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+}
+
+themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:hover,
+panelthemeselector checkbutton.theme-selector radio:active,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  background-color: transparent;
+}
+
+themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg")));
+  color: white;
+  background-color: #3281EA;
+}
+
+themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active,
+panelthemeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked:hover,
+panelthemeselector checkbutton.theme-selector radio:checked:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher {
+  padding: 4px;
+}
+
+themeswitcher .check {
+  min-height: 20px;
+  min-width: 20px;
+  background: none;
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  color: white;
+  background-color: #3281EA;
+}
+
+themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+themeswitcher checkbutton:checked {
+  box-shadow: inset 0 0 0 2px #3281EA;
+}
+
+themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active {
+  background-color: transparent;
+  border: none;
+  background: none;
+  box-shadow: none;
+  color: transparent;
+  -gtk-icon-source: none;
+  -gtk-icon-size: 0;
+}
+
+themeswitcher checkbutton.system {
+  background: linear-gradient(-45deg, #1e1e1e 50%, white 50%);
+}
+
+themeswitcher checkbutton.light {
+  color: alpha(black, 0.8);
+  background-color: white;
+}
+
+themeswitcher checkbutton.dark {
+  color: white;
+  background-color: #1e1e1e;
+}
+
+floating-sheet > dimming {
+  background-color: rgba(0, 0, 0, 0.25);
+}
+
+floating-sheet > sheet.background {
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.12), 0 0 0 36px transparent;
+}
+
 /* GTK NAMED COLORS
    ----------------
    use responsibly! */

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark/cinnamon/cinnamon.css

@@ -10,7 +10,7 @@ stage {
   min-height: 24px;
   padding: 5px 32px;
   transition-duration: 100ms;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(255, 255, 255, 0.7);
   background-color: rgba(255, 255, 255, 0.04);
 }
@@ -18,36 +18,36 @@ stage {
 .sound-button:focus {
   color: white;
   background-color: rgba(255, 255, 255, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:hover {
   color: white;
   background-color: rgba(255, 255, 255, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:hover:focus {
   color: white;
   background-color: rgba(255, 255, 255, 0.3);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:active {
   color: white;
   background-color: rgba(255, 255, 255, 0.3);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:insensitive {
   color: rgba(255, 255, 255, 0.5);
   background-color: rgba(255, 255, 255, 0.04);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button, .calendar-today-home-button,
 .calendar-today-home-button-enabled {
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(255, 255, 255, 0.7);
   background-color: transparent;
 }
@@ -56,28 +56,28 @@ stage {
 .calendar-today-home-button-enabled:hover {
   color: white;
   background-color: rgba(255, 255, 255, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active, .calendar-today-home-button:active,
 .calendar-today-home-button-enabled:active {
   color: white;
   background-color: rgba(255, 255, 255, 0.3);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive, .calendar-today-home-button:insensitive,
 .calendar-today-home-button-enabled:insensitive {
   color: rgba(255, 255, 255, 0.3);
   background-color: transparent;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .modal-dialog-button-box .modal-dialog-button {
   min-height: 24px;
   padding: 6px 30px;
   transition-duration: 100ms;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(255, 255, 255, 0.7);
   background-color: rgba(255, 255, 255, 0.04);
 }
@@ -108,7 +108,7 @@ stage {
   selection-background-color: #3281EA;
   selected-color: white;
   transition-duration: 300ms;
-  border-radius: 4px;
+  border-radius: 2px;
   color: white;
   border: 2px solid transparent;
   background-color: rgba(255, 255, 255, 0.04);
@@ -271,7 +271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #Tooltip {
-  border-radius: 4px;
+  border-radius: 2px;
   padding: 5px 12px;
   background-color: rgba(54, 54, 54, 0.9);
   color: white;
@@ -300,8 +300,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-combo-menu .popup-menu-content {
   padding: 6px 0;
   color: white;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
-  border-radius: 6px;
+  border-radius: 3px;
   margin: 6px;
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
 }
@@ -351,7 +351,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-combo-menu .popup-menu-item {
   padding: 6px 12px;
   spacing: 12px;
-  border-radius: 4px;
+  border-radius: 2px;
   margin: 0 6px;
 }
 
@@ -395,7 +395,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .popup-menu-boxpointer {
-  -arrow-border-radius: 4px;
+  -arrow-border-radius: 2px;
   -arrow-background-color: rgba(0, 0, 0, 0);
   -arrow-border-width: 0;
   -arrow-border-color: rgba(0, 0, 0, 0);
@@ -525,7 +525,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-size: 1em;
   padding: 0px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
-  background-color: #1F1F1F;
+  background-color: rgba(31, 31, 31, 0.8);
 }
 
 .panel-top .panel-button:hover,
@@ -585,7 +585,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border: 1px solid rgba(54, 54, 54, 0.9);
   color: white;
   spacing: 25px;
-  border-radius: 4px;
+  border-radius: 2px;
   font-size: 9pt;
   padding: 5px 8px;
   -cinnamon-caption-spacing: 4px;
@@ -601,7 +601,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .expo-workspaces-name-entry,
 .expo-workspaces-name-entry#selected {
   height: 15px;
-  border-radius: 4px;
+  border-radius: 2px;
   font-size: 9pt;
   padding: 5px 8px;
   -cinnamon-caption-spacing: 4px;
@@ -624,13 +624,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .expo-workspace-thumbnail-frame {
   border: 4px solid rgba(255, 255, 255, 0);
   background-color: rgba(255, 255, 255, 0);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .expo-workspace-thumbnail-frame#active {
   border: 4px solid #3281EA;
   background-color: black;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .expo-background {
@@ -730,7 +730,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .about-scrollBox {
   border: 1px solid rgba(255, 255, 255, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: #2B2B2B;
   padding: 4px;
   padding-right: 0;
@@ -845,7 +845,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   text-align: center;
   font-size: 14px;
   color: white;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .calendar-day-base {
@@ -930,7 +930,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 8px;
   min-width: 350px;
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
   background-gradient-direction: vertical;
   background-gradient-start: rgba(255, 255, 255, 0.04);
   background-gradient-end: rgba(255, 255, 255, 0.04);
@@ -940,7 +940,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-events-no-events-button {
   margin: 6px 0;
   padding: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .calendar-events-no-events-button:hover {
@@ -983,7 +983,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .calendar-event-button {
   margin: 6px 0 6px 0;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .calendar-event-button:hover {
@@ -1050,14 +1050,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #notification {
-  border-radius: 8px;
+  border-radius: 3px;
   padding: 12px;
   spacing-rows: 9px;
   spacing-columns: 9px;
   margin-from-right-edge-of-screen: 18px;
   width: 28em;
   color: white;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
   margin: 7px 12px 17px 12px;
 }
@@ -1068,7 +1068,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu #notification, .popup-menu #notification {
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(255, 255, 255, 0.05);
   box-shadow: none;
   margin: 0;
@@ -1136,9 +1136,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .switcher-list {
   color: white;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
   padding: 20px;
 }
 
@@ -1152,7 +1152,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .switcher-list .item-box {
   padding: 8px;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .switcher-list .item-box:outlined {
@@ -1226,7 +1226,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-color: rgba(46, 46, 46, 0.95);
   border: 1px solid rgba(0, 0, 0, 0.65);
   padding: 0 5px 6px 5px;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
 }
 
@@ -1251,7 +1251,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .run-dialog {
   padding: 6px 12px;
   background-color: rgba(54, 54, 54, 0.9);
-  border-radius: 4px;
+  border-radius: 2px;
   color: white;
 }
 
@@ -1283,7 +1283,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .run-dialog-entry {
   width: 21em;
   padding: 3px 12px;
-  border-radius: 4px;
+  border-radius: 2px;
   caret-color: white;
   selected-color: white;
   selection-background-color: #3281EA;
@@ -1412,7 +1412,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   min-width: 2em;
   font-size: 14pt;
   font-weight: bold;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: none;
   color: rgba(255, 255, 255, 0.7);
   background-color: rgba(255, 255, 255, 0.04);
@@ -1436,7 +1436,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .keyboard-subkeys {
   color: white;
   padding: 5px;
-  -arrow-border-radius: 4px;
+  -arrow-border-radius: 2px;
   -arrow-background-color: rgba(54, 54, 54, 0.9);
   -arrow-border-width: 1px;
   -arrow-border-color: rgba(0, 0, 0, 0.4);
@@ -1452,17 +1452,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   transition-duration: 300;
   background-color: rgba(255, 255, 255, 0.05);
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-favorites-button {
   padding: 9px;
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-favorites-button:hover {
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(255, 255, 255, 0.1);
 }
 
@@ -1486,7 +1486,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu-application-button {
   padding: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
   border: none;
 }
 
@@ -1498,7 +1498,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: white;
   background-color: rgba(255, 255, 255, 0.12);
   padding: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
   border: none;
 }
 
@@ -1516,7 +1516,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu StScrollView.menu-application-button {
   padding: 3px 0;
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(255, 255, 255, 0.04);
   color: rgba(255, 255, 255, 0.7);
 }
@@ -1525,7 +1525,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0;
   spacing: 0;
   margin: 0 3px;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(255, 255, 255, 0.7);
 }
 
@@ -1557,7 +1557,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu-category-button {
   padding: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-category-button-selected {
@@ -1567,7 +1567,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .menu-category-button-hover, .menu-category-button-selected {
   color: white;
   background-color: rgba(255, 255, 255, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-category-button-greyed {
@@ -1647,12 +1647,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0;
   height: 4px;
   background-color: rgba(0, 0, 0, 0.35);
-  border-radius: 4px;
+  border-radius: 2px;
   color: #3281EA;
 }
 
 .osd-window .level-bar {
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: #3281EA;
 }
 
@@ -1800,7 +1800,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-gradient-direction: vertical;
   background-gradient-start: #81C995;
   background-gradient-end: #81C995;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: none;
 }
 
@@ -1814,7 +1814,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   spacing: 6px;
   border: none;
   background-color: #2B2B2B;
-  border-radius: 4px;
+  border-radius: 2px;
   color: white;
   box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
 }
@@ -1830,15 +1830,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .grouped-window-list-thumbnail-menu {
   padding: 6px;
   color: white;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
-  border-radius: 6px;
+  border-radius: 3px;
   margin: 6px;
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
 }
 
 .grouped-window-list-thumbnail-menu .item-box {
   padding: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
   spacing: 6px;
   margin: 1px;
 }
@@ -1923,7 +1923,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-gradient-direction: vertical;
   background-gradient-start: #81C995;
   background-gradient-end: #81C995;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: none;
 }
 
@@ -2004,7 +2004,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .sound-player {
   padding: 0 0;
   margin-top: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(255, 255, 255, 0.04);
   color: white;
 }
@@ -2043,7 +2043,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   spacing: 6px;
   background-color: rgba(0, 0, 0, 0.5);
   border: none;
-  border-radius: 0 0 4px 4px;
+  border-radius: 0 0 2px 2px;
   color: white;
 }
 

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark/gnome-shell/assets/menu.svg

@@ -7,7 +7,7 @@
    viewBox="0 0 16.933333 16.933334"
    version="1.1"
    id="svg5"
-   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
    sodipodi:docname="menu.svg"
    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
@@ -27,7 +27,7 @@
      width="120px"
      inkscape:zoom="11.550363"
      inkscape:cx="32.726244"
-     inkscape:cy="27.61818"
+     inkscape:cy="13.765801"
      inkscape:window-width="1920"
      inkscape:window-height="1012"
      inkscape:window-x="0"
@@ -84,7 +84,7 @@
        d="M 14.011719 2.9960938 C 9.0350663 2.9960938 4.9980469 7.0409257 4.9980469 12.017578 L 4.9980469 47.982422 C 4.9980469 52.959073 9.0350663 57.003906 14.011719 57.003906 L 49.982422 57.003906 C 54.959077 57.003906 59.003906 52.959073 59.003906 47.982422 L 59.003906 12.017578 C 59.003906 7.0409257 54.959077 2.9960938 49.982422 2.9960938 L 14.011719 2.9960938 z M 14.013672 4 L 49.986328 4 C 54.426283 4 58 7.5737176 58 12.013672 L 58 47.986328 C 58 52.426283 54.426283 56 49.986328 56 L 14.013672 56 C 9.5737176 56 6 52.426283 6 47.986328 L 6 12.013672 C 6 7.5737176 9.5737176 4 14.013672 4 z "
        transform="scale(0.26458333)" />
     <path
-       style="color:#000000;opacity:1;fill:#202020;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
+       style="color:#000000;opacity:0.97;fill:#202020;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round;-inkscape-stroke:none;paint-order:stroke fill markers"
        d="m 3.7079656,1.0583333 h 9.5174024 c 1.174738,0 2.120465,0.9457276 2.120465,2.1204655 v 9.5174022 c 0,1.174738 -0.945727,2.120465 -2.120465,2.120465 H 3.7079656 c -1.1747379,0 -2.1204655,-0.945727 -2.1204655,-2.120465 V 3.1787988 c 0,-1.1747379 0.9457276,-2.1204655 2.1204655,-2.1204655 z"
        id="path979" />
   </g>

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark/gtk-3.0/assets/scalable/check-symbolic.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="14.916666"
+     inkscape:cx="7.9776538"
+     inkscape:cy="5.1620113"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 16.091797,6.5468751 c 0.127806,-3.5e-6 0.255581,0.04855 0.353515,0.1464844 0.195869,0.1958684 0.195869,0.5111627 0,0.7070308 L 9.3730471,14.472656 c -0.02449,0.02449 -0.05035,0.04611 -0.07815,0.06443 -0.02772,0.01839 -0.05585,0.03268 -0.08593,0.04492 -0.03009,0.01224 -0.06226,0.02122 -0.09376,0.02734 -0.03149,0.0061 -0.06375,0.0098 -0.09571,0.0098 -0.03195,0 -0.06226,-0.0036 -0.09375,-0.0098 -0.03149,-0.0061 -0.06367,-0.0151 -0.09375,-0.02734 -0.03009,-0.01224 -0.05818,-0.02656 -0.08593,-0.04492 -0.01389,-0.0092 -0.02786,-0.02051 -0.04101,-0.03125 -0.01312,-0.01071 -0.02679,-0.02099 -0.03903,-0.03323 l -4.18665,-4.188623 c -0.1958683,-0.195869 -0.1958687,-0.511162 5e-7,-0.707032 0.1958681,-0.195867 0.5111624,-0.195868 0.7070307,1e-6 l 3.8331198,3.835099 6.7187499,-6.7187499 c 0.09793,-0.097934 0.225707,-0.1464831 0.353516,-0.146484 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark/gtk-3.0/assets/scalable/check-symbolic@2.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic@2.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="7.458333"
+     inkscape:cx="-8.9832406"
+     inkscape:cy="11.061453"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 32.183594,13.09375 c 0.255612,-7e-6 0.511162,0.0971 0.70703,0.292969 0.391738,0.391737 0.391738,1.022325 0,1.414062 l -14.14453,14.144531 c -0.04898,0.04898 -0.1007,0.09222 -0.1563,0.12886 -0.05544,0.03678 -0.1117,0.06536 -0.17186,0.08984 -0.06018,0.02448 -0.12452,0.04244 -0.18752,0.05468 -0.06298,0.0122 -0.1275,0.0196 -0.19142,0.0196 -0.0639,0 -0.12452,-0.0072 -0.1875,-0.0196 -0.06298,-0.0122 -0.12734,-0.0302 -0.1875,-0.05468 -0.06018,-0.02448 -0.11636,-0.05312 -0.17186,-0.08984 -0.02778,-0.0184 -0.05572,-0.04102 -0.08202,-0.0625 -0.02624,-0.02142 -0.05358,-0.04198 -0.07806,-0.06646 L 8.9587542,20.567966 c -0.3917366,-0.391738 -0.3917374,-1.022324 1e-6,-1.414064 0.3917362,-0.391734 1.0223248,-0.391736 1.4140618,2e-6 l 7.666239,7.670198 13.4375,-13.4375 c 0.19586,-0.195868 0.451414,-0.292966 0.707032,-0.292968 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc"
+     style="stroke-width:2" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark/gtk-3.0/gtk-dark.css

@@ -1432,7 +1432,7 @@ headerbar button.titlebutton:not(.suggested-action):not(.destructive-action) {
   border-radius: 8px 8px 0 0;
   color: white;
   box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 .titlebar:disabled {
@@ -1984,7 +1984,7 @@ menu,
 .context-menu {
   margin: 3px 0;
   padding: 3px 0;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   background-clip: border-box;
   border: 1px solid rgba(255, 255, 255, 0.12);
 }
@@ -2118,7 +2118,7 @@ popover,
 popover.background {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 2px;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 3px 4px rgba(0, 0, 0, 0.08), 0 1px 6px rgba(0, 0, 0, 0.06);
   background-clip: border-box;
 }
@@ -4296,7 +4296,7 @@ popover.emoji-completion .emoji:hover {
 .nautilus-window.background.csd {
   background-color: rgba(48, 48, 48, 0.95);
   border-radius: 0 0 8px 8px;
-  background-color: #303030;
+  background-color: rgba(48, 48, 48, 0.95);
 }
 
 .nautilus-window.background.csd.unified {
@@ -4304,11 +4304,11 @@ popover.emoji-completion .emoji:hover {
 }
 
 .nautilus-window.background.csd.unified headerbar.titlebar {
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 .nautilus-window.background.csd.unified placessidebar.sidebar {
-  background-color: #303030;
+  background-color: rgba(48, 48, 48, 0.95);
 }
 
 .nautilus-window.background.csd placessidebar.sidebar, .nautilus-window.background.csd placessidebar.sidebar > viewport.frame > list > separator {
@@ -7512,8 +7512,6 @@ frame.raven-frame > border {
 .raven {
   background-color: #3C3C3C;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13);
-  margin: 8px 6px 6px;
-  border-radius: 4px;
 }
 
 .raven > box {
@@ -8013,7 +8011,7 @@ window.background.csd.thunar scrolledwindow.frame.sidebar.shortcuts-pane treevie
 #restart_dialog {
   margin: 8px;
   border-radius: 4px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
   background-color: #3C3C3C;
 }
 

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark/gtk-3.0/gtk.css

@@ -1432,7 +1432,7 @@ headerbar button.titlebutton:not(.suggested-action):not(.destructive-action) {
   border-radius: 8px 8px 0 0;
   color: white;
   box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 .titlebar:disabled {
@@ -1984,7 +1984,7 @@ menu,
 .context-menu {
   margin: 3px 0;
   padding: 3px 0;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   background-clip: border-box;
   border: 1px solid rgba(255, 255, 255, 0.12);
 }
@@ -2118,7 +2118,7 @@ popover,
 popover.background {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 2px;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 3px 4px rgba(0, 0, 0, 0.08), 0 1px 6px rgba(0, 0, 0, 0.06);
   background-clip: border-box;
 }
@@ -4296,7 +4296,7 @@ popover.emoji-completion .emoji:hover {
 .nautilus-window.background.csd {
   background-color: rgba(48, 48, 48, 0.95);
   border-radius: 0 0 8px 8px;
-  background-color: #303030;
+  background-color: rgba(48, 48, 48, 0.95);
 }
 
 .nautilus-window.background.csd.unified {
@@ -4304,11 +4304,11 @@ popover.emoji-completion .emoji:hover {
 }
 
 .nautilus-window.background.csd.unified headerbar.titlebar {
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 .nautilus-window.background.csd.unified placessidebar.sidebar {
-  background-color: #303030;
+  background-color: rgba(48, 48, 48, 0.95);
 }
 
 .nautilus-window.background.csd placessidebar.sidebar, .nautilus-window.background.csd placessidebar.sidebar > viewport.frame > list > separator {
@@ -7512,8 +7512,6 @@ frame.raven-frame > border {
 .raven {
   background-color: #3C3C3C;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13);
-  margin: 8px 6px 6px;
-  border-radius: 4px;
 }
 
 .raven > box {
@@ -8013,7 +8011,7 @@ window.background.csd.thunar scrolledwindow.frame.sidebar.shortcuts-pane treevie
 #restart_dialog {
   margin: 8px;
   border-radius: 4px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
   background-color: #3C3C3C;
 }
 

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark/gtk-4.0/assets/scalable/check-symbolic.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="14.916666"
+     inkscape:cx="7.9776538"
+     inkscape:cy="5.1620113"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 16.091797,6.5468751 c 0.127806,-3.5e-6 0.255581,0.04855 0.353515,0.1464844 0.195869,0.1958684 0.195869,0.5111627 0,0.7070308 L 9.3730471,14.472656 c -0.02449,0.02449 -0.05035,0.04611 -0.07815,0.06443 -0.02772,0.01839 -0.05585,0.03268 -0.08593,0.04492 -0.03009,0.01224 -0.06226,0.02122 -0.09376,0.02734 -0.03149,0.0061 -0.06375,0.0098 -0.09571,0.0098 -0.03195,0 -0.06226,-0.0036 -0.09375,-0.0098 -0.03149,-0.0061 -0.06367,-0.0151 -0.09375,-0.02734 -0.03009,-0.01224 -0.05818,-0.02656 -0.08593,-0.04492 -0.01389,-0.0092 -0.02786,-0.02051 -0.04101,-0.03125 -0.01312,-0.01071 -0.02679,-0.02099 -0.03903,-0.03323 l -4.18665,-4.188623 c -0.1958683,-0.195869 -0.1958687,-0.511162 5e-7,-0.707032 0.1958681,-0.195867 0.5111624,-0.195868 0.7070307,1e-6 l 3.8331198,3.835099 6.7187499,-6.7187499 c 0.09793,-0.097934 0.225707,-0.1464831 0.353516,-0.146484 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark/gtk-4.0/assets/scalable/check-symbolic@2.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic@2.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="7.458333"
+     inkscape:cx="-8.9832406"
+     inkscape:cy="11.061453"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 32.183594,13.09375 c 0.255612,-7e-6 0.511162,0.0971 0.70703,0.292969 0.391738,0.391737 0.391738,1.022325 0,1.414062 l -14.14453,14.144531 c -0.04898,0.04898 -0.1007,0.09222 -0.1563,0.12886 -0.05544,0.03678 -0.1117,0.06536 -0.17186,0.08984 -0.06018,0.02448 -0.12452,0.04244 -0.18752,0.05468 -0.06298,0.0122 -0.1275,0.0196 -0.19142,0.0196 -0.0639,0 -0.12452,-0.0072 -0.1875,-0.0196 -0.06298,-0.0122 -0.12734,-0.0302 -0.1875,-0.05468 -0.06018,-0.02448 -0.11636,-0.05312 -0.17186,-0.08984 -0.02778,-0.0184 -0.05572,-0.04102 -0.08202,-0.0625 -0.02624,-0.02142 -0.05358,-0.04198 -0.07806,-0.06646 L 8.9587542,20.567966 c -0.3917366,-0.391738 -0.3917374,-1.022324 1e-6,-1.414064 0.3917362,-0.391734 1.0223248,-0.391736 1.4140618,2e-6 l 7.666239,7.670198 13.4375,-13.4375 c 0.19586,-0.195868 0.451414,-0.292966 0.707032,-0.292968 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc"
+     style="stroke-width:2" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark/gtk-4.0/gtk-dark.css

@@ -155,7 +155,7 @@ popover.background.magnifier > contents, .osd {
   background-clip: padding-box;
   border-radius: 4px;
   border: none;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .osd {
@@ -1741,7 +1741,7 @@ headerbar {
   min-height: 44px;
   margin: 0;
   padding: 0;
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 headerbar:disabled {
@@ -1912,10 +1912,6 @@ headerbar.selection-mode .selection-menu {
   padding-right: 16px;
 }
 
-headerbar.selection-mode .selection-menu arrow {
-  -GtkArrow-arrow-scaling: 1;
-}
-
 headerbar.selection-mode .selection-menu .arrow {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
@@ -2386,8 +2382,8 @@ popover.background > arrow,
 popover.background > contents {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 6px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   border-radius: 6px;
   color: white;
   border: 1px solid rgba(255, 255, 255, 0.12);
@@ -2430,6 +2426,10 @@ popover.background toolbar {
   background-color: #3C3C3C;
 }
 
+popover.background list > row {
+  border-radius: 4px;
+}
+
 popover.background listview {
   margin: 0;
   padding: 0;
@@ -2499,9 +2499,8 @@ tabbar tabbox tab, notebook > header tab {
   min-height: 22px;
   min-width: 22px;
   padding: 3px 12px;
-  border-width: 1px;
+  border: 1px solid transparent;
-  border-color: transparent;
+  border-bottom: 0;
-  border-style: solid;
   outline: none;
   background-clip: padding-box;
   color: rgba(255, 255, 255, 0.7);
@@ -2766,6 +2765,11 @@ tabbar:backdrop .box > .end-action {
   filter: opacity(0.5);
 }
 
+tabbar tabbox {
+  padding: 0;
+  margin: 0;
+}
+
 tabbar tabbox > tabboxchild {
   padding: 0;
   margin: 0;
@@ -4732,7 +4736,7 @@ stackswitcher.circular button.text-button.circular {
 }
 
 .icon-dropshadow {
-  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 /*********
@@ -4881,6 +4885,10 @@ statusbar {
   margin-left: 0;
 }
 
+navigation-view-page > toolbarview > scrolledwindow > viewport > clamp > box > box > stack > button {
+  margin-top: 12px;
+}
+
 label.primary-label, label.month-name, label.secondary-label {
   font-size: 16pt;
   font-weight: bold;
@@ -4917,7 +4925,7 @@ weekgrid.current {
 }
 
 popover.events {
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   padding: 0;
 }
 
@@ -5346,7 +5354,7 @@ screenshot-carousel button,
 }
 
 .category-tile.card:hover {
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .category-tile.card.category-tile-iconless {
@@ -5857,6 +5865,14 @@ spinner.fade-in:checked {
   animation-delay: 0s, 0.5s, 0.5s;
 }
 
+window.org-gnome-TextEditor popover.open-popover > contents {
+  padding: 0;
+}
+
+window.org-gnome-TextEditor popover.open-popover > contents separator {
+  margin: 0;
+}
+
 avatar {
   border-radius: 9999px;
   font-weight: bold;
@@ -5970,7 +5986,7 @@ splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.s
 }
 
 button.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6065,7 +6081,7 @@ menubutton.destructive-action {
 }
 
 menubutton.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6190,7 +6206,7 @@ splitbutton.destructive-action {
 }
 
 splitbutton.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6278,7 +6294,7 @@ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-chi
 }
 
 statuspage.compact > scrolledwindow > viewport > box {
-  margin: 24px 6px 8 2;
+  margin: 24px 6px 8px 2px;
   border-spacing: 24px;
 }
 
@@ -6819,12 +6835,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 }
 
 .sidebar-pane banner > revealer > widget {
-  background-color: gtkmix(#3281EA, #303030, 30%);
+  background-color: mix(#3281EA,#303030,0.7);
   color: white;
 }
 
 .sidebar-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#3281EA, #303030, 30%);
+  background-color: mix(#3281EA,#303030,0.7);
 }
 
 .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget {
@@ -6978,13 +6994,13 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 
 .content-pane .sidebar-pane banner > revealer > widget,
 .sidebar-pane .content-pane banner > revealer > widget {
-  background-color: gtkmix(#3281EA, #2B2B2B, 30%);
+  background-color: mix(#3281EA,#2B2B2B,0.7);
   color: white;
 }
 
 .content-pane .sidebar-pane banner > revealer > widget:backdrop,
 .sidebar-pane .content-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#3281EA, #2B2B2B, 30%);
+  background-color: mix(#3281EA,#2B2B2B,0.7);
 }
 
 .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget,
@@ -7017,6 +7033,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
   box-shadow: none;
 }
 
+.top-bar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
 .top-bar .collapse-spacing {
   padding: 0;
 }
@@ -7171,6 +7193,143 @@ tabbox:drop(active) {
   box-shadow: none;
 }
 
+themeselector,
+panelthemeselector {
+  margin: 9px;
+}
+
+themeselector checkbutton,
+panelthemeselector checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked,
+panelthemeselector checkbutton.follow:checked,
+panelthemeselector checkbutton.light:checked,
+panelthemeselector checkbutton.dark:checked {
+  box-shadow: inset 0 0 0 2px #3281EA;
+}
+
+themeselector checkbutton.follow,
+panelthemeselector checkbutton.follow {
+  background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%);
+}
+
+themeselector checkbutton.light,
+panelthemeselector checkbutton.light {
+  background-color: #ffffff;
+}
+
+themeselector checkbutton.dark,
+panelthemeselector checkbutton.dark {
+  background-color: #202020;
+}
+
+themeselector checkbutton.theme-selector radio,
+panelthemeselector checkbutton.theme-selector radio {
+  -gtk-icon-source: none;
+  border: none;
+  background: none;
+  box-shadow: none;
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+}
+
+themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:hover,
+panelthemeselector checkbutton.theme-selector radio:active,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  background-color: transparent;
+}
+
+themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg")));
+  color: white;
+  background-color: #3281EA;
+}
+
+themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active,
+panelthemeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked:hover,
+panelthemeselector checkbutton.theme-selector radio:checked:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 20px;
+  min-width: 20px;
+  background: none;
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  color: white;
+  background-color: #3281EA;
+}
+
+themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+themeswitcher checkbutton:checked {
+  box-shadow: inset 0 0 0 2px #3281EA;
+}
+
+themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active {
+  background-color: transparent;
+  border: none;
+  background: none;
+  box-shadow: none;
+  color: transparent;
+  -gtk-icon-source: none;
+  -gtk-icon-size: 0;
+}
+
+themeswitcher checkbutton.system {
+  background: linear-gradient(-45deg, #1e1e1e 50%, white 50%);
+}
+
+themeswitcher checkbutton.light {
+  color: alpha(black, 0.8);
+  background-color: white;
+}
+
+themeswitcher checkbutton.dark {
+  color: white;
+  background-color: #1e1e1e;
+}
+
+floating-sheet > dimming {
+  background-color: rgba(0, 0, 0, 0.25);
+}
+
+floating-sheet > sheet.background {
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.12), 0 0 0 36px transparent;
+}
+
 /* GTK NAMED COLORS
    ----------------
    use responsibly! */

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark/gtk-4.0/gtk.css

@@ -155,7 +155,7 @@ popover.background.magnifier > contents, .osd {
   background-clip: padding-box;
   border-radius: 4px;
   border: none;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .osd {
@@ -1741,7 +1741,7 @@ headerbar {
   min-height: 44px;
   margin: 0;
   padding: 0;
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 headerbar:disabled {
@@ -1912,10 +1912,6 @@ headerbar.selection-mode .selection-menu {
   padding-right: 16px;
 }
 
-headerbar.selection-mode .selection-menu arrow {
-  -GtkArrow-arrow-scaling: 1;
-}
-
 headerbar.selection-mode .selection-menu .arrow {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
@@ -2386,8 +2382,8 @@ popover.background > arrow,
 popover.background > contents {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 6px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   border-radius: 6px;
   color: white;
   border: 1px solid rgba(255, 255, 255, 0.12);
@@ -2430,6 +2426,10 @@ popover.background toolbar {
   background-color: #3C3C3C;
 }
 
+popover.background list > row {
+  border-radius: 4px;
+}
+
 popover.background listview {
   margin: 0;
   padding: 0;
@@ -2499,9 +2499,8 @@ tabbar tabbox tab, notebook > header tab {
   min-height: 22px;
   min-width: 22px;
   padding: 3px 12px;
-  border-width: 1px;
+  border: 1px solid transparent;
-  border-color: transparent;
+  border-bottom: 0;
-  border-style: solid;
   outline: none;
   background-clip: padding-box;
   color: rgba(255, 255, 255, 0.7);
@@ -2766,6 +2765,11 @@ tabbar:backdrop .box > .end-action {
   filter: opacity(0.5);
 }
 
+tabbar tabbox {
+  padding: 0;
+  margin: 0;
+}
+
 tabbar tabbox > tabboxchild {
   padding: 0;
   margin: 0;
@@ -4732,7 +4736,7 @@ stackswitcher.circular button.text-button.circular {
 }
 
 .icon-dropshadow {
-  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 /*********
@@ -4881,6 +4885,10 @@ statusbar {
   margin-left: 0;
 }
 
+navigation-view-page > toolbarview > scrolledwindow > viewport > clamp > box > box > stack > button {
+  margin-top: 12px;
+}
+
 label.primary-label, label.month-name, label.secondary-label {
   font-size: 16pt;
   font-weight: bold;
@@ -4917,7 +4925,7 @@ weekgrid.current {
 }
 
 popover.events {
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   padding: 0;
 }
 
@@ -5346,7 +5354,7 @@ screenshot-carousel button,
 }
 
 .category-tile.card:hover {
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .category-tile.card.category-tile-iconless {
@@ -5857,6 +5865,14 @@ spinner.fade-in:checked {
   animation-delay: 0s, 0.5s, 0.5s;
 }
 
+window.org-gnome-TextEditor popover.open-popover > contents {
+  padding: 0;
+}
+
+window.org-gnome-TextEditor popover.open-popover > contents separator {
+  margin: 0;
+}
+
 avatar {
   border-radius: 9999px;
   font-weight: bold;
@@ -5970,7 +5986,7 @@ splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.s
 }
 
 button.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6065,7 +6081,7 @@ menubutton.destructive-action {
 }
 
 menubutton.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6190,7 +6206,7 @@ splitbutton.destructive-action {
 }
 
 splitbutton.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6278,7 +6294,7 @@ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-chi
 }
 
 statuspage.compact > scrolledwindow > viewport > box {
-  margin: 24px 6px 8 2;
+  margin: 24px 6px 8px 2px;
   border-spacing: 24px;
 }
 
@@ -6819,12 +6835,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 }
 
 .sidebar-pane banner > revealer > widget {
-  background-color: gtkmix(#3281EA, #303030, 30%);
+  background-color: mix(#3281EA,#303030,0.7);
   color: white;
 }
 
 .sidebar-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#3281EA, #303030, 30%);
+  background-color: mix(#3281EA,#303030,0.7);
 }
 
 .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget {
@@ -6978,13 +6994,13 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 
 .content-pane .sidebar-pane banner > revealer > widget,
 .sidebar-pane .content-pane banner > revealer > widget {
-  background-color: gtkmix(#3281EA, #2B2B2B, 30%);
+  background-color: mix(#3281EA,#2B2B2B,0.7);
   color: white;
 }
 
 .content-pane .sidebar-pane banner > revealer > widget:backdrop,
 .sidebar-pane .content-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#3281EA, #2B2B2B, 30%);
+  background-color: mix(#3281EA,#2B2B2B,0.7);
 }
 
 .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget,
@@ -7017,6 +7033,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
   box-shadow: none;
 }
 
+.top-bar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
 .top-bar .collapse-spacing {
   padding: 0;
 }
@@ -7171,6 +7193,143 @@ tabbox:drop(active) {
   box-shadow: none;
 }
 
+themeselector,
+panelthemeselector {
+  margin: 9px;
+}
+
+themeselector checkbutton,
+panelthemeselector checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked,
+panelthemeselector checkbutton.follow:checked,
+panelthemeselector checkbutton.light:checked,
+panelthemeselector checkbutton.dark:checked {
+  box-shadow: inset 0 0 0 2px #3281EA;
+}
+
+themeselector checkbutton.follow,
+panelthemeselector checkbutton.follow {
+  background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%);
+}
+
+themeselector checkbutton.light,
+panelthemeselector checkbutton.light {
+  background-color: #ffffff;
+}
+
+themeselector checkbutton.dark,
+panelthemeselector checkbutton.dark {
+  background-color: #202020;
+}
+
+themeselector checkbutton.theme-selector radio,
+panelthemeselector checkbutton.theme-selector radio {
+  -gtk-icon-source: none;
+  border: none;
+  background: none;
+  box-shadow: none;
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+}
+
+themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:hover,
+panelthemeselector checkbutton.theme-selector radio:active,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  background-color: transparent;
+}
+
+themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg")));
+  color: white;
+  background-color: #3281EA;
+}
+
+themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active,
+panelthemeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked:hover,
+panelthemeselector checkbutton.theme-selector radio:checked:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 20px;
+  min-width: 20px;
+  background: none;
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  color: white;
+  background-color: #3281EA;
+}
+
+themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+themeswitcher checkbutton:checked {
+  box-shadow: inset 0 0 0 2px #3281EA;
+}
+
+themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active {
+  background-color: transparent;
+  border: none;
+  background: none;
+  box-shadow: none;
+  color: transparent;
+  -gtk-icon-source: none;
+  -gtk-icon-size: 0;
+}
+
+themeswitcher checkbutton.system {
+  background: linear-gradient(-45deg, #1e1e1e 50%, white 50%);
+}
+
+themeswitcher checkbutton.light {
+  color: alpha(black, 0.8);
+  background-color: white;
+}
+
+themeswitcher checkbutton.dark {
+  color: white;
+  background-color: #1e1e1e;
+}
+
+floating-sheet > dimming {
+  background-color: rgba(0, 0, 0, 0.25);
+}
+
+floating-sheet > sheet.background {
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.12), 0 0 0 36px transparent;
+}
+
 /* GTK NAMED COLORS
    ----------------
    use responsibly! */

melawy-gtk-theme/usr/share/themes/Melawy-round-Dark/metacity-1/metacity-theme-3.xml

@@ -1,11 +1,11 @@
 <?xml version="1.0"?>
 <metacity_theme>
 <info>
-  <name>Melawy-round</name>
+  <name>Fluent-round</name>
   <author>vinceliucie</author>
   <copyright>GPL</copyright>
   <date>2020</date>
-  <description>Melawy-round Metacity theme</description>
+  <description>Fluent-round Metacity theme</description>
 </info>
 
 <!-- meaningful constants -->

melawy-gtk-theme/usr/share/themes/Melawy-round-Light-compact/cinnamon/cinnamon.css

@@ -10,7 +10,7 @@ stage {
   min-height: 24px;
   padding: 5px 32px;
   transition-duration: 100ms;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.6);
   background-color: rgba(0, 0, 0, 0.04);
 }
@@ -18,36 +18,36 @@ stage {
 .sound-button:focus {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:hover {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:hover:focus {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.26);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:active {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.26);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:insensitive {
   color: rgba(0, 0, 0, 0.38);
   background-color: rgba(0, 0, 0, 0.04);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button, .calendar-today-home-button,
 .calendar-today-home-button-enabled {
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.6);
   background-color: transparent;
 }
@@ -56,28 +56,28 @@ stage {
 .calendar-today-home-button-enabled:hover {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active, .calendar-today-home-button:active,
 .calendar-today-home-button-enabled:active {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.26);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive, .calendar-today-home-button:insensitive,
 .calendar-today-home-button-enabled:insensitive {
   color: rgba(0, 0, 0, 0.26);
   background-color: transparent;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .modal-dialog-button-box .modal-dialog-button {
   min-height: 24px;
   padding: 4px 20px;
   transition-duration: 100ms;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(255, 255, 255, 0.7);
   background-color: rgba(255, 255, 255, 0.04);
 }
@@ -108,7 +108,7 @@ stage {
   selection-background-color: #1A73E8;
   selected-color: white;
   transition-duration: 300ms;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.87);
   border: 2px solid transparent;
   background-color: rgba(0, 0, 0, 0.04);
@@ -271,7 +271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #Tooltip {
-  border-radius: 4px;
+  border-radius: 2px;
   padding: 5px 12px;
   background-color: rgba(54, 54, 54, 0.9);
   color: white;
@@ -300,8 +300,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-combo-menu .popup-menu-content {
   padding: 4px 0;
   color: rgba(0, 0, 0, 0.87);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
-  border-radius: 6px;
+  border-radius: 3px;
   margin: 4px;
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
 }
@@ -351,7 +351,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-combo-menu .popup-menu-item {
   padding: 4px 8px;
   spacing: 8px;
-  border-radius: 4px;
+  border-radius: 2px;
   margin: 0 4px;
 }
 
@@ -395,7 +395,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .popup-menu-boxpointer {
-  -arrow-border-radius: 4px;
+  -arrow-border-radius: 2px;
   -arrow-background-color: rgba(0, 0, 0, 0);
   -arrow-border-width: 0;
   -arrow-border-color: rgba(0, 0, 0, 0);
@@ -525,7 +525,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-size: 1em;
   padding: 0px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
-  background-color: #F7F7F7;
+  background-color: rgba(247, 247, 247, 0.8);
 }
 
 .panel-top .panel-button:hover,
@@ -585,7 +585,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border: 1px solid rgba(54, 54, 54, 0.9);
   color: white;
   spacing: 25px;
-  border-radius: 4px;
+  border-radius: 2px;
   font-size: 9pt;
   padding: 5px 8px;
   -cinnamon-caption-spacing: 4px;
@@ -601,7 +601,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .expo-workspaces-name-entry,
 .expo-workspaces-name-entry#selected {
   height: 15px;
-  border-radius: 4px;
+  border-radius: 2px;
   font-size: 9pt;
   padding: 5px 8px;
   -cinnamon-caption-spacing: 4px;
@@ -624,13 +624,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .expo-workspace-thumbnail-frame {
   border: 4px solid rgba(255, 255, 255, 0);
   background-color: rgba(255, 255, 255, 0);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .expo-workspace-thumbnail-frame#active {
   border: 4px solid #1A73E8;
   background-color: black;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .expo-background {
@@ -730,7 +730,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .about-scrollBox {
   border: 1px solid rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: #FFFFFF;
   padding: 4px;
   padding-right: 0;
@@ -845,7 +845,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   text-align: center;
   font-size: 14px;
   color: rgba(0, 0, 0, 0.87);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .calendar-day-base {
@@ -930,7 +930,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 6px;
   min-width: 350px;
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
   background-gradient-direction: vertical;
   background-gradient-start: rgba(0, 0, 0, 0.04);
   background-gradient-end: rgba(0, 0, 0, 0.04);
@@ -940,7 +940,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-events-no-events-button {
   margin: 4px 0;
   padding: 4px;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .calendar-events-no-events-button:hover {
@@ -983,7 +983,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .calendar-event-button {
   margin: 4px 0 4px 0;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .calendar-event-button:hover {
@@ -1050,14 +1050,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #notification {
-  border-radius: 8px;
+  border-radius: 3px;
   padding: 8px;
   spacing-rows: 6px;
   spacing-columns: 6px;
   margin-from-right-edge-of-screen: 12px;
   width: 28em;
   color: rgba(0, 0, 0, 0.87);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
   margin: 7px 12px 17px 12px;
 }
@@ -1068,7 +1068,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu #notification, .popup-menu #notification {
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(0, 0, 0, 0.05);
   box-shadow: none;
   margin: 0;
@@ -1136,9 +1136,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .switcher-list {
   color: rgba(0, 0, 0, 0.87);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
   padding: 20px;
 }
 
@@ -1152,7 +1152,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .switcher-list .item-box {
   padding: 8px;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .switcher-list .item-box:outlined {
@@ -1226,7 +1226,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-color: rgba(46, 46, 46, 0.95);
   border: 1px solid rgba(0, 0, 0, 0.65);
   padding: 0 5px 6px 5px;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
 }
 
@@ -1251,7 +1251,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .run-dialog {
   padding: 4px 8px;
   background-color: rgba(54, 54, 54, 0.9);
-  border-radius: 4px;
+  border-radius: 2px;
   color: white;
 }
 
@@ -1283,7 +1283,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .run-dialog-entry {
   width: 21em;
   padding: 2px 8px;
-  border-radius: 4px;
+  border-radius: 2px;
   caret-color: white;
   selected-color: white;
   selection-background-color: #1A73E8;
@@ -1412,7 +1412,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   min-width: 2em;
   font-size: 14pt;
   font-weight: bold;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: none;
   color: rgba(255, 255, 255, 0.7);
   background-color: rgba(255, 255, 255, 0.04);
@@ -1436,7 +1436,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .keyboard-subkeys {
   color: white;
   padding: 5px;
-  -arrow-border-radius: 4px;
+  -arrow-border-radius: 2px;
   -arrow-background-color: rgba(54, 54, 54, 0.9);
   -arrow-border-width: 1px;
   -arrow-border-color: rgba(0, 0, 0, 0.4);
@@ -1452,17 +1452,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   transition-duration: 300;
   background-color: rgba(0, 0, 0, 0.05);
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-favorites-button {
   padding: 6px;
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-favorites-button:hover {
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(0, 0, 0, 0.1);
 }
 
@@ -1486,7 +1486,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu-application-button {
   padding: 4px;
-  border-radius: 4px;
+  border-radius: 2px;
   border: none;
 }
 
@@ -1498,7 +1498,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
   padding: 4px;
-  border-radius: 4px;
+  border-radius: 2px;
   border: none;
 }
 
@@ -1516,7 +1516,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu StScrollView.menu-application-button {
   padding: 2px 0;
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(0, 0, 0, 0.04);
   color: rgba(0, 0, 0, 0.6);
 }
@@ -1525,7 +1525,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0;
   spacing: 0;
   margin: 0 2px;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.6);
 }
 
@@ -1557,7 +1557,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu-category-button {
   padding: 4px;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-category-button-selected {
@@ -1567,7 +1567,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .menu-category-button-hover, .menu-category-button-selected {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-category-button-greyed {
@@ -1647,12 +1647,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0;
   height: 4px;
   background-color: rgba(0, 0, 0, 0.35);
-  border-radius: 4px;
+  border-radius: 2px;
   color: #1A73E8;
 }
 
 .osd-window .level-bar {
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: #1A73E8;
 }
 
@@ -1800,7 +1800,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-gradient-direction: vertical;
   background-gradient-start: #0F9D58;
   background-gradient-end: #0F9D58;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: none;
 }
 
@@ -1814,7 +1814,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   spacing: 4px;
   border: none;
   background-color: #FFFFFF;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.87);
   box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
 }
@@ -1830,15 +1830,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .grouped-window-list-thumbnail-menu {
   padding: 4px;
   color: rgba(0, 0, 0, 0.87);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
-  border-radius: 6px;
+  border-radius: 3px;
   margin: 4px;
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
 }
 
 .grouped-window-list-thumbnail-menu .item-box {
   padding: 4px;
-  border-radius: 4px;
+  border-radius: 2px;
   spacing: 4px;
   margin: 1px;
 }
@@ -1923,7 +1923,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-gradient-direction: vertical;
   background-gradient-start: #0F9D58;
   background-gradient-end: #0F9D58;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: none;
 }
 
@@ -2004,7 +2004,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .sound-player {
   padding: 0 0;
   margin-top: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(0, 0, 0, 0.04);
   color: rgba(0, 0, 0, 0.87);
 }
@@ -2043,7 +2043,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   spacing: 4px;
   background-color: rgba(0, 0, 0, 0.5);
   border: none;
-  border-radius: 0 0 4px 4px;
+  border-radius: 0 0 2px 2px;
   color: white;
 }
 

melawy-gtk-theme/usr/share/themes/Melawy-round-Light-compact/gnome-shell/assets/menu.svg

@@ -73,7 +73,7 @@
        d="M 14 3 C 9.0140007 3 5 7.0140007 5 12 L 5 100 C 5 104.986 9.0140007 109 14 109 L 102 109 C 106.986 109 111 104.986 111 100 L 111 12 C 111 7.0140007 106.986 3 102 3 L 14 3 z M 14 4 L 102 4 C 106.432 4 110 7.5680012 110 12 L 110 100 C 110 104.432 106.432 108 102 108 L 14 108 C 9.5680012 108 6 104.432 6 100 L 6 12 C 6 7.5680012 9.5680012 4 14 4 z "
        transform="scale(0.26458333)" />
     <rect
-       style="opacity:1;fill:#ffffff;stroke:none;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.15;paint-order:stroke fill markers;fill-opacity:1"
+       style="opacity:0.95;fill:#ffffff;stroke:none;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.15;paint-order:stroke fill markers;fill-opacity:1"
        id="rect846"
        width="27.516666"
        height="27.516666"

melawy-gtk-theme/usr/share/themes/Melawy-round-Light-compact/gtk-3.0/assets/scalable/check-symbolic.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="14.916666"
+     inkscape:cx="7.9776538"
+     inkscape:cy="5.1620113"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 16.091797,6.5468751 c 0.127806,-3.5e-6 0.255581,0.04855 0.353515,0.1464844 0.195869,0.1958684 0.195869,0.5111627 0,0.7070308 L 9.3730471,14.472656 c -0.02449,0.02449 -0.05035,0.04611 -0.07815,0.06443 -0.02772,0.01839 -0.05585,0.03268 -0.08593,0.04492 -0.03009,0.01224 -0.06226,0.02122 -0.09376,0.02734 -0.03149,0.0061 -0.06375,0.0098 -0.09571,0.0098 -0.03195,0 -0.06226,-0.0036 -0.09375,-0.0098 -0.03149,-0.0061 -0.06367,-0.0151 -0.09375,-0.02734 -0.03009,-0.01224 -0.05818,-0.02656 -0.08593,-0.04492 -0.01389,-0.0092 -0.02786,-0.02051 -0.04101,-0.03125 -0.01312,-0.01071 -0.02679,-0.02099 -0.03903,-0.03323 l -4.18665,-4.188623 c -0.1958683,-0.195869 -0.1958687,-0.511162 5e-7,-0.707032 0.1958681,-0.195867 0.5111624,-0.195868 0.7070307,1e-6 l 3.8331198,3.835099 6.7187499,-6.7187499 c 0.09793,-0.097934 0.225707,-0.1464831 0.353516,-0.146484 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-Light-compact/gtk-3.0/assets/scalable/check-symbolic@2.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic@2.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="7.458333"
+     inkscape:cx="-8.9832406"
+     inkscape:cy="11.061453"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 32.183594,13.09375 c 0.255612,-7e-6 0.511162,0.0971 0.70703,0.292969 0.391738,0.391737 0.391738,1.022325 0,1.414062 l -14.14453,14.144531 c -0.04898,0.04898 -0.1007,0.09222 -0.1563,0.12886 -0.05544,0.03678 -0.1117,0.06536 -0.17186,0.08984 -0.06018,0.02448 -0.12452,0.04244 -0.18752,0.05468 -0.06298,0.0122 -0.1275,0.0196 -0.19142,0.0196 -0.0639,0 -0.12452,-0.0072 -0.1875,-0.0196 -0.06298,-0.0122 -0.12734,-0.0302 -0.1875,-0.05468 -0.06018,-0.02448 -0.11636,-0.05312 -0.17186,-0.08984 -0.02778,-0.0184 -0.05572,-0.04102 -0.08202,-0.0625 -0.02624,-0.02142 -0.05358,-0.04198 -0.07806,-0.06646 L 8.9587542,20.567966 c -0.3917366,-0.391738 -0.3917374,-1.022324 1e-6,-1.414064 0.3917362,-0.391734 1.0223248,-0.391736 1.4140618,2e-6 l 7.666239,7.670198 13.4375,-13.4375 c 0.19586,-0.195868 0.451414,-0.292966 0.707032,-0.292968 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc"
+     style="stroke-width:2" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-Light-compact/gtk-3.0/gtk-dark.css

@@ -1432,7 +1432,7 @@ headerbar button.titlebutton:not(.suggested-action):not(.destructive-action) {
   border-radius: 8px 8px 0 0;
   color: white;
   box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 .titlebar:disabled {
@@ -1984,7 +1984,7 @@ menu,
 .context-menu {
   margin: 3px 0;
   padding: 3px 0;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   background-clip: border-box;
   border: 1px solid rgba(255, 255, 255, 0.12);
 }
@@ -2118,7 +2118,7 @@ popover,
 popover.background {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 2px;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 3px 4px rgba(0, 0, 0, 0.08), 0 1px 6px rgba(0, 0, 0, 0.06);
   background-clip: border-box;
 }
@@ -4296,7 +4296,7 @@ popover.emoji-completion .emoji:hover {
 .nautilus-window.background.csd {
   background-color: rgba(48, 48, 48, 0.95);
   border-radius: 0 0 8px 8px;
-  background-color: #303030;
+  background-color: rgba(48, 48, 48, 0.95);
 }
 
 .nautilus-window.background.csd.unified {
@@ -4304,11 +4304,11 @@ popover.emoji-completion .emoji:hover {
 }
 
 .nautilus-window.background.csd.unified headerbar.titlebar {
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 .nautilus-window.background.csd.unified placessidebar.sidebar {
-  background-color: #303030;
+  background-color: rgba(48, 48, 48, 0.95);
 }
 
 .nautilus-window.background.csd placessidebar.sidebar, .nautilus-window.background.csd placessidebar.sidebar > viewport.frame > list > separator {
@@ -7512,8 +7512,6 @@ frame.raven-frame > border {
 .raven {
   background-color: #3C3C3C;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13);
-  margin: 8px 6px 6px;
-  border-radius: 4px;
 }
 
 .raven > box {
@@ -8013,7 +8011,7 @@ window.background.csd.thunar scrolledwindow.frame.sidebar.shortcuts-pane treevie
 #restart_dialog {
   margin: 8px;
   border-radius: 4px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
   background-color: #3C3C3C;
 }
 

melawy-gtk-theme/usr/share/themes/Melawy-round-Light-compact/gtk-3.0/gtk.css

@@ -1432,7 +1432,7 @@ headerbar button.titlebutton:not(.suggested-action):not(.destructive-action) {
   border-radius: 8px 8px 0 0;
   color: rgba(0, 0, 0, 0.87);
   box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
-  background-color: #F7F7F7;
+  background-color: rgba(247, 247, 247, 0.98);
 }
 
 .titlebar:disabled {
@@ -1984,7 +1984,7 @@ menu,
 .context-menu {
   margin: 3px 0;
   padding: 3px 0;
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, 0.12);
 }
@@ -2118,7 +2118,7 @@ popover,
 popover.background {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 2px;
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 3px 4px rgba(0, 0, 0, 0.08), 0 1px 6px rgba(0, 0, 0, 0.06);
   background-clip: padding-box;
 }
@@ -4296,7 +4296,7 @@ popover.emoji-completion .emoji:hover {
 .nautilus-window.background.csd {
   background-color: rgba(250, 250, 250, 0.95);
   border-radius: 0 0 8px 8px;
-  background-color: #FAFAFA;
+  background-color: rgba(250, 250, 250, 0.95);
 }
 
 .nautilus-window.background.csd.unified {
@@ -4304,11 +4304,11 @@ popover.emoji-completion .emoji:hover {
 }
 
 .nautilus-window.background.csd.unified headerbar.titlebar {
-  background-color: #F7F7F7;
+  background-color: rgba(247, 247, 247, 0.98);
 }
 
 .nautilus-window.background.csd.unified placessidebar.sidebar {
-  background-color: #FAFAFA;
+  background-color: rgba(250, 250, 250, 0.95);
 }
 
 .nautilus-window.background.csd placessidebar.sidebar, .nautilus-window.background.csd placessidebar.sidebar > viewport.frame > list > separator {
@@ -7512,8 +7512,6 @@ frame.raven-frame > border {
 .raven {
   background-color: #FFFFFF;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13);
-  margin: 8px 6px 6px;
-  border-radius: 4px;
 }
 
 .raven > box {
@@ -8001,7 +7999,7 @@ window.background.csd.thunar scrolledwindow.frame.sidebar.shortcuts-pane treevie
 #restart_dialog {
   margin: 8px;
   border-radius: 4px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.4);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.4);
   background-color: #FFFFFF;
 }
 

melawy-gtk-theme/usr/share/themes/Melawy-round-Light-compact/gtk-4.0/assets/scalable/check-symbolic.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="14.916666"
+     inkscape:cx="7.9776538"
+     inkscape:cy="5.1620113"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 16.091797,6.5468751 c 0.127806,-3.5e-6 0.255581,0.04855 0.353515,0.1464844 0.195869,0.1958684 0.195869,0.5111627 0,0.7070308 L 9.3730471,14.472656 c -0.02449,0.02449 -0.05035,0.04611 -0.07815,0.06443 -0.02772,0.01839 -0.05585,0.03268 -0.08593,0.04492 -0.03009,0.01224 -0.06226,0.02122 -0.09376,0.02734 -0.03149,0.0061 -0.06375,0.0098 -0.09571,0.0098 -0.03195,0 -0.06226,-0.0036 -0.09375,-0.0098 -0.03149,-0.0061 -0.06367,-0.0151 -0.09375,-0.02734 -0.03009,-0.01224 -0.05818,-0.02656 -0.08593,-0.04492 -0.01389,-0.0092 -0.02786,-0.02051 -0.04101,-0.03125 -0.01312,-0.01071 -0.02679,-0.02099 -0.03903,-0.03323 l -4.18665,-4.188623 c -0.1958683,-0.195869 -0.1958687,-0.511162 5e-7,-0.707032 0.1958681,-0.195867 0.5111624,-0.195868 0.7070307,1e-6 l 3.8331198,3.835099 6.7187499,-6.7187499 c 0.09793,-0.097934 0.225707,-0.1464831 0.353516,-0.146484 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-Light-compact/gtk-4.0/assets/scalable/check-symbolic@2.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic@2.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="7.458333"
+     inkscape:cx="-8.9832406"
+     inkscape:cy="11.061453"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 32.183594,13.09375 c 0.255612,-7e-6 0.511162,0.0971 0.70703,0.292969 0.391738,0.391737 0.391738,1.022325 0,1.414062 l -14.14453,14.144531 c -0.04898,0.04898 -0.1007,0.09222 -0.1563,0.12886 -0.05544,0.03678 -0.1117,0.06536 -0.17186,0.08984 -0.06018,0.02448 -0.12452,0.04244 -0.18752,0.05468 -0.06298,0.0122 -0.1275,0.0196 -0.19142,0.0196 -0.0639,0 -0.12452,-0.0072 -0.1875,-0.0196 -0.06298,-0.0122 -0.12734,-0.0302 -0.1875,-0.05468 -0.06018,-0.02448 -0.11636,-0.05312 -0.17186,-0.08984 -0.02778,-0.0184 -0.05572,-0.04102 -0.08202,-0.0625 -0.02624,-0.02142 -0.05358,-0.04198 -0.07806,-0.06646 L 8.9587542,20.567966 c -0.3917366,-0.391738 -0.3917374,-1.022324 1e-6,-1.414064 0.3917362,-0.391734 1.0223248,-0.391736 1.4140618,2e-6 l 7.666239,7.670198 13.4375,-13.4375 c 0.19586,-0.195868 0.451414,-0.292966 0.707032,-0.292968 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc"
+     style="stroke-width:2" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-Light-compact/gtk-4.0/gtk-dark.css

@@ -155,7 +155,7 @@ popover.background.magnifier > contents, .osd {
   background-clip: padding-box;
   border-radius: 4px;
   border: none;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .osd {
@@ -1741,7 +1741,7 @@ headerbar {
   min-height: 36px;
   margin: 0;
   padding: 0;
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 headerbar:disabled {
@@ -1912,10 +1912,6 @@ headerbar.selection-mode .selection-menu {
   padding-right: 16px;
 }
 
-headerbar.selection-mode .selection-menu arrow {
-  -GtkArrow-arrow-scaling: 1;
-}
-
 headerbar.selection-mode .selection-menu .arrow {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
@@ -2386,8 +2382,8 @@ popover.background > arrow,
 popover.background > contents {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 4px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   border-radius: 6px;
   color: white;
   border: 1px solid rgba(255, 255, 255, 0.12);
@@ -2430,6 +2426,10 @@ popover.background toolbar {
   background-color: #3C3C3C;
 }
 
+popover.background list > row {
+  border-radius: 4px;
+}
+
 popover.background listview {
   margin: 0;
   padding: 0;
@@ -2499,9 +2499,8 @@ tabbar tabbox tab, notebook > header tab {
   min-height: 20px;
   min-width: 20px;
   padding: 2px 8px;
-  border-width: 1px;
+  border: 1px solid transparent;
-  border-color: transparent;
+  border-bottom: 0;
-  border-style: solid;
   outline: none;
   background-clip: padding-box;
   color: rgba(255, 255, 255, 0.7);
@@ -2766,6 +2765,11 @@ tabbar:backdrop .box > .end-action {
   filter: opacity(0.5);
 }
 
+tabbar tabbox {
+  padding: 0;
+  margin: 0;
+}
+
 tabbar tabbox > tabboxchild {
   padding: 0;
   margin: 0;
@@ -4732,7 +4736,7 @@ stackswitcher.circular button.text-button.circular {
 }
 
 .icon-dropshadow {
-  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 /*********
@@ -4881,6 +4885,10 @@ statusbar {
   margin-left: 0;
 }
 
+navigation-view-page > toolbarview > scrolledwindow > viewport > clamp > box > box > stack > button {
+  margin-top: 8px;
+}
+
 label.primary-label, label.month-name, label.secondary-label {
   font-size: 16pt;
   font-weight: bold;
@@ -4917,7 +4925,7 @@ weekgrid.current {
 }
 
 popover.events {
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   padding: 0;
 }
 
@@ -5346,7 +5354,7 @@ screenshot-carousel button,
 }
 
 .category-tile.card:hover {
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .category-tile.card.category-tile-iconless {
@@ -5857,6 +5865,14 @@ spinner.fade-in:checked {
   animation-delay: 0s, 0.5s, 0.5s;
 }
 
+window.org-gnome-TextEditor popover.open-popover > contents {
+  padding: 0;
+}
+
+window.org-gnome-TextEditor popover.open-popover > contents separator {
+  margin: 0;
+}
+
 avatar {
   border-radius: 9999px;
   font-weight: bold;
@@ -5970,7 +5986,7 @@ splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.s
 }
 
 button.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6065,7 +6081,7 @@ menubutton.destructive-action {
 }
 
 menubutton.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6190,7 +6206,7 @@ splitbutton.destructive-action {
 }
 
 splitbutton.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6278,7 +6294,7 @@ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-chi
 }
 
 statuspage.compact > scrolledwindow > viewport > box {
-  margin: 16px 4px 8 2;
+  margin: 16px 4px 8px 2px;
   border-spacing: 16px;
 }
 
@@ -6819,12 +6835,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 }
 
 .sidebar-pane banner > revealer > widget {
-  background-color: gtkmix(#3281EA, #303030, 30%);
+  background-color: mix(#3281EA,#303030,0.7);
   color: white;
 }
 
 .sidebar-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#3281EA, #303030, 30%);
+  background-color: mix(#3281EA,#303030,0.7);
 }
 
 .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget {
@@ -6978,13 +6994,13 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 
 .content-pane .sidebar-pane banner > revealer > widget,
 .sidebar-pane .content-pane banner > revealer > widget {
-  background-color: gtkmix(#3281EA, #2B2B2B, 30%);
+  background-color: mix(#3281EA,#2B2B2B,0.7);
   color: white;
 }
 
 .content-pane .sidebar-pane banner > revealer > widget:backdrop,
 .sidebar-pane .content-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#3281EA, #2B2B2B, 30%);
+  background-color: mix(#3281EA,#2B2B2B,0.7);
 }
 
 .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget,
@@ -7017,6 +7033,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
   box-shadow: none;
 }
 
+.top-bar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
 .top-bar .collapse-spacing {
   padding: 0;
 }
@@ -7171,6 +7193,143 @@ tabbox:drop(active) {
   box-shadow: none;
 }
 
+themeselector,
+panelthemeselector {
+  margin: 6px;
+}
+
+themeselector checkbutton,
+panelthemeselector checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked,
+panelthemeselector checkbutton.follow:checked,
+panelthemeselector checkbutton.light:checked,
+panelthemeselector checkbutton.dark:checked {
+  box-shadow: inset 0 0 0 2px #3281EA;
+}
+
+themeselector checkbutton.follow,
+panelthemeselector checkbutton.follow {
+  background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%);
+}
+
+themeselector checkbutton.light,
+panelthemeselector checkbutton.light {
+  background-color: #ffffff;
+}
+
+themeselector checkbutton.dark,
+panelthemeselector checkbutton.dark {
+  background-color: #202020;
+}
+
+themeselector checkbutton.theme-selector radio,
+panelthemeselector checkbutton.theme-selector radio {
+  -gtk-icon-source: none;
+  border: none;
+  background: none;
+  box-shadow: none;
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+}
+
+themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:hover,
+panelthemeselector checkbutton.theme-selector radio:active,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  background-color: transparent;
+}
+
+themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg")));
+  color: white;
+  background-color: #3281EA;
+}
+
+themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active,
+panelthemeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked:hover,
+panelthemeselector checkbutton.theme-selector radio:checked:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher {
+  padding: 4px;
+}
+
+themeswitcher .check {
+  min-height: 20px;
+  min-width: 20px;
+  background: none;
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  color: white;
+  background-color: #3281EA;
+}
+
+themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+themeswitcher checkbutton:checked {
+  box-shadow: inset 0 0 0 2px #3281EA;
+}
+
+themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active {
+  background-color: transparent;
+  border: none;
+  background: none;
+  box-shadow: none;
+  color: transparent;
+  -gtk-icon-source: none;
+  -gtk-icon-size: 0;
+}
+
+themeswitcher checkbutton.system {
+  background: linear-gradient(-45deg, #1e1e1e 50%, white 50%);
+}
+
+themeswitcher checkbutton.light {
+  color: alpha(black, 0.8);
+  background-color: white;
+}
+
+themeswitcher checkbutton.dark {
+  color: white;
+  background-color: #1e1e1e;
+}
+
+floating-sheet > dimming {
+  background-color: rgba(0, 0, 0, 0.25);
+}
+
+floating-sheet > sheet.background {
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.12), 0 0 0 36px transparent;
+}
+
 /* GTK NAMED COLORS
    ----------------
    use responsibly! */

melawy-gtk-theme/usr/share/themes/Melawy-round-Light-compact/gtk-4.0/gtk.css

@@ -155,7 +155,7 @@ popover.background.magnifier > contents, .osd {
   background-clip: padding-box;
   border-radius: 4px;
   border: none;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .osd {
@@ -1741,7 +1741,7 @@ headerbar {
   min-height: 36px;
   margin: 0;
   padding: 0;
-  background-color: #F7F7F7;
+  background-color: rgba(247, 247, 247, 0.98);
 }
 
 headerbar:disabled {
@@ -1912,10 +1912,6 @@ headerbar.selection-mode .selection-menu {
   padding-right: 16px;
 }
 
-headerbar.selection-mode .selection-menu arrow {
-  -GtkArrow-arrow-scaling: 1;
-}
-
 headerbar.selection-mode .selection-menu .arrow {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
@@ -2386,12 +2382,12 @@ popover.background > arrow,
 popover.background > contents {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 4px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   border-radius: 6px;
   color: rgba(0, 0, 0, 0.87);
   border: none;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12);
 }
 
 popover.background:backdrop > arrow,
@@ -2430,6 +2426,10 @@ popover.background toolbar {
   background-color: #FFFFFF;
 }
 
+popover.background list > row {
+  border-radius: 4px;
+}
+
 popover.background listview {
   margin: 0;
   padding: 0;
@@ -2499,9 +2499,8 @@ tabbar tabbox tab, notebook > header tab {
   min-height: 20px;
   min-width: 20px;
   padding: 2px 8px;
-  border-width: 1px;
+  border: 1px solid transparent;
-  border-color: transparent;
+  border-bottom: 0;
-  border-style: solid;
   outline: none;
   background-clip: padding-box;
   color: rgba(0, 0, 0, 0.6);
@@ -2766,6 +2765,11 @@ tabbar:backdrop .box > .end-action {
   filter: opacity(0.5);
 }
 
+tabbar tabbox {
+  padding: 0;
+  margin: 0;
+}
+
 tabbar tabbox > tabboxchild {
   padding: 0;
   margin: 0;
@@ -4732,7 +4736,7 @@ stackswitcher.circular button.text-button.circular {
 }
 
 .icon-dropshadow {
-  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 /*********
@@ -4881,6 +4885,10 @@ statusbar {
   margin-left: 0;
 }
 
+navigation-view-page > toolbarview > scrolledwindow > viewport > clamp > box > box > stack > button {
+  margin-top: 8px;
+}
+
 label.primary-label, label.month-name, label.secondary-label {
   font-size: 16pt;
   font-weight: bold;
@@ -4917,7 +4925,7 @@ weekgrid.current {
 }
 
 popover.events {
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   padding: 0;
 }
 
@@ -5346,7 +5354,7 @@ screenshot-carousel button,
 }
 
 .category-tile.card:hover {
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .category-tile.card.category-tile-iconless {
@@ -5857,6 +5865,14 @@ spinner.fade-in:checked {
   animation-delay: 0s, 0.5s, 0.5s;
 }
 
+window.org-gnome-TextEditor popover.open-popover > contents {
+  padding: 0;
+}
+
+window.org-gnome-TextEditor popover.open-popover > contents separator {
+  margin: 0;
+}
+
 avatar {
   border-radius: 9999px;
   font-weight: bold;
@@ -5970,7 +5986,7 @@ splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.s
 }
 
 button.opaque {
-  background-color: gtkmix(#FFFFFF, rgba(0, 0, 0, 0.87), 85%);
+  background-color: mix(#FFFFFF,rgba(0, 0, 0, 0.87),0.15);
   color: rgba(0, 0, 0, 0.87);
 }
 
@@ -6065,7 +6081,7 @@ menubutton.destructive-action {
 }
 
 menubutton.opaque {
-  background-color: gtkmix(#FFFFFF, rgba(0, 0, 0, 0.87), 85%);
+  background-color: mix(#FFFFFF,rgba(0, 0, 0, 0.87),0.15);
   color: rgba(0, 0, 0, 0.87);
 }
 
@@ -6190,7 +6206,7 @@ splitbutton.destructive-action {
 }
 
 splitbutton.opaque {
-  background-color: gtkmix(#FFFFFF, rgba(0, 0, 0, 0.87), 85%);
+  background-color: mix(#FFFFFF,rgba(0, 0, 0, 0.87),0.15);
   color: rgba(0, 0, 0, 0.87);
 }
 
@@ -6278,7 +6294,7 @@ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-chi
 }
 
 statuspage.compact > scrolledwindow > viewport > box {
-  margin: 16px 4px 8 2;
+  margin: 16px 4px 8px 2px;
   border-spacing: 16px;
 }
 
@@ -6819,12 +6835,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 }
 
 .sidebar-pane banner > revealer > widget {
-  background-color: gtkmix(#1A73E8, #FAFAFA, 30%);
+  background-color: mix(#1A73E8,#FAFAFA,0.7);
   color: rgba(0, 0, 0, 0.87);
 }
 
 .sidebar-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#1A73E8, #FAFAFA, 30%);
+  background-color: mix(#1A73E8,#FAFAFA,0.7);
 }
 
 .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget {
@@ -6978,13 +6994,13 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 
 .content-pane .sidebar-pane banner > revealer > widget,
 .sidebar-pane .content-pane banner > revealer > widget {
-  background-color: gtkmix(#1A73E8, #FFFFFF, 30%);
+  background-color: mix(#1A73E8,#FFFFFF,0.7);
   color: rgba(0, 0, 0, 0.87);
 }
 
 .content-pane .sidebar-pane banner > revealer > widget:backdrop,
 .sidebar-pane .content-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#1A73E8, #FFFFFF, 30%);
+  background-color: mix(#1A73E8,#FFFFFF,0.7);
 }
 
 .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget,
@@ -7017,6 +7033,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
   box-shadow: none;
 }
 
+.top-bar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
 .top-bar .collapse-spacing {
   padding: 0;
 }
@@ -7171,6 +7193,143 @@ tabbox:drop(active) {
   box-shadow: none;
 }
 
+themeselector,
+panelthemeselector {
+  margin: 6px;
+}
+
+themeselector checkbutton,
+panelthemeselector checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
+}
+
+themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked,
+panelthemeselector checkbutton.follow:checked,
+panelthemeselector checkbutton.light:checked,
+panelthemeselector checkbutton.dark:checked {
+  box-shadow: inset 0 0 0 2px #1A73E8;
+}
+
+themeselector checkbutton.follow,
+panelthemeselector checkbutton.follow {
+  background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%);
+}
+
+themeselector checkbutton.light,
+panelthemeselector checkbutton.light {
+  background-color: #ffffff;
+}
+
+themeselector checkbutton.dark,
+panelthemeselector checkbutton.dark {
+  background-color: #202020;
+}
+
+themeselector checkbutton.theme-selector radio,
+panelthemeselector checkbutton.theme-selector radio {
+  -gtk-icon-source: none;
+  border: none;
+  background: none;
+  box-shadow: none;
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+}
+
+themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:hover,
+panelthemeselector checkbutton.theme-selector radio:active,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  background-color: transparent;
+}
+
+themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg")));
+  color: white;
+  background-color: #1A73E8;
+}
+
+themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active,
+panelthemeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked:hover,
+panelthemeselector checkbutton.theme-selector radio:checked:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher {
+  padding: 4px;
+}
+
+themeswitcher .check {
+  min-height: 20px;
+  min-width: 20px;
+  background: none;
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  color: white;
+  background-color: #1A73E8;
+}
+
+themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
+}
+
+themeswitcher checkbutton:checked {
+  box-shadow: inset 0 0 0 2px #1A73E8;
+}
+
+themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active {
+  background-color: transparent;
+  border: none;
+  background: none;
+  box-shadow: none;
+  color: transparent;
+  -gtk-icon-source: none;
+  -gtk-icon-size: 0;
+}
+
+themeswitcher checkbutton.system {
+  background: linear-gradient(-45deg, #1e1e1e 50%, white 50%);
+}
+
+themeswitcher checkbutton.light {
+  color: alpha(black, 0.8);
+  background-color: white;
+}
+
+themeswitcher checkbutton.dark {
+  color: white;
+  background-color: #1e1e1e;
+}
+
+floating-sheet > dimming {
+  background-color: rgba(0, 0, 0, 0.25);
+}
+
+floating-sheet > sheet.background {
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 0 36px transparent;
+}
+
 /* GTK NAMED COLORS
    ----------------
    use responsibly! */

melawy-gtk-theme/usr/share/themes/Melawy-round-Light/cinnamon/cinnamon.css

@@ -10,7 +10,7 @@ stage {
   min-height: 24px;
   padding: 5px 32px;
   transition-duration: 100ms;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.6);
   background-color: rgba(0, 0, 0, 0.04);
 }
@@ -18,36 +18,36 @@ stage {
 .sound-button:focus {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:hover {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:hover:focus {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.26);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:active {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.26);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:insensitive {
   color: rgba(0, 0, 0, 0.38);
   background-color: rgba(0, 0, 0, 0.04);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button, .calendar-today-home-button,
 .calendar-today-home-button-enabled {
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.6);
   background-color: transparent;
 }
@@ -56,28 +56,28 @@ stage {
 .calendar-today-home-button-enabled:hover {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active, .calendar-today-home-button:active,
 .calendar-today-home-button-enabled:active {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.26);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive, .calendar-today-home-button:insensitive,
 .calendar-today-home-button-enabled:insensitive {
   color: rgba(0, 0, 0, 0.26);
   background-color: transparent;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .modal-dialog-button-box .modal-dialog-button {
   min-height: 24px;
   padding: 6px 30px;
   transition-duration: 100ms;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(255, 255, 255, 0.7);
   background-color: rgba(255, 255, 255, 0.04);
 }
@@ -108,7 +108,7 @@ stage {
   selection-background-color: #1A73E8;
   selected-color: white;
   transition-duration: 300ms;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.87);
   border: 2px solid transparent;
   background-color: rgba(0, 0, 0, 0.04);
@@ -271,7 +271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #Tooltip {
-  border-radius: 4px;
+  border-radius: 2px;
   padding: 5px 12px;
   background-color: rgba(54, 54, 54, 0.9);
   color: white;
@@ -300,8 +300,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-combo-menu .popup-menu-content {
   padding: 6px 0;
   color: rgba(0, 0, 0, 0.87);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
-  border-radius: 6px;
+  border-radius: 3px;
   margin: 6px;
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
 }
@@ -351,7 +351,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-combo-menu .popup-menu-item {
   padding: 6px 12px;
   spacing: 12px;
-  border-radius: 4px;
+  border-radius: 2px;
   margin: 0 6px;
 }
 
@@ -395,7 +395,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .popup-menu-boxpointer {
-  -arrow-border-radius: 4px;
+  -arrow-border-radius: 2px;
   -arrow-background-color: rgba(0, 0, 0, 0);
   -arrow-border-width: 0;
   -arrow-border-color: rgba(0, 0, 0, 0);
@@ -525,7 +525,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-size: 1em;
   padding: 0px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
-  background-color: #F7F7F7;
+  background-color: rgba(247, 247, 247, 0.8);
 }
 
 .panel-top .panel-button:hover,
@@ -585,7 +585,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border: 1px solid rgba(54, 54, 54, 0.9);
   color: white;
   spacing: 25px;
-  border-radius: 4px;
+  border-radius: 2px;
   font-size: 9pt;
   padding: 5px 8px;
   -cinnamon-caption-spacing: 4px;
@@ -601,7 +601,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .expo-workspaces-name-entry,
 .expo-workspaces-name-entry#selected {
   height: 15px;
-  border-radius: 4px;
+  border-radius: 2px;
   font-size: 9pt;
   padding: 5px 8px;
   -cinnamon-caption-spacing: 4px;
@@ -624,13 +624,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .expo-workspace-thumbnail-frame {
   border: 4px solid rgba(255, 255, 255, 0);
   background-color: rgba(255, 255, 255, 0);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .expo-workspace-thumbnail-frame#active {
   border: 4px solid #1A73E8;
   background-color: black;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .expo-background {
@@ -730,7 +730,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .about-scrollBox {
   border: 1px solid rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: #FFFFFF;
   padding: 4px;
   padding-right: 0;
@@ -845,7 +845,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   text-align: center;
   font-size: 14px;
   color: rgba(0, 0, 0, 0.87);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .calendar-day-base {
@@ -930,7 +930,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 8px;
   min-width: 350px;
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
   background-gradient-direction: vertical;
   background-gradient-start: rgba(0, 0, 0, 0.04);
   background-gradient-end: rgba(0, 0, 0, 0.04);
@@ -940,7 +940,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-events-no-events-button {
   margin: 6px 0;
   padding: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .calendar-events-no-events-button:hover {
@@ -983,7 +983,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .calendar-event-button {
   margin: 6px 0 6px 0;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .calendar-event-button:hover {
@@ -1050,14 +1050,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #notification {
-  border-radius: 8px;
+  border-radius: 3px;
   padding: 12px;
   spacing-rows: 9px;
   spacing-columns: 9px;
   margin-from-right-edge-of-screen: 18px;
   width: 28em;
   color: rgba(0, 0, 0, 0.87);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
   margin: 7px 12px 17px 12px;
 }
@@ -1068,7 +1068,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu #notification, .popup-menu #notification {
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(0, 0, 0, 0.05);
   box-shadow: none;
   margin: 0;
@@ -1136,9 +1136,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .switcher-list {
   color: rgba(0, 0, 0, 0.87);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
   padding: 20px;
 }
 
@@ -1152,7 +1152,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .switcher-list .item-box {
   padding: 8px;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .switcher-list .item-box:outlined {
@@ -1226,7 +1226,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-color: rgba(46, 46, 46, 0.95);
   border: 1px solid rgba(0, 0, 0, 0.65);
   padding: 0 5px 6px 5px;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
 }
 
@@ -1251,7 +1251,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .run-dialog {
   padding: 6px 12px;
   background-color: rgba(54, 54, 54, 0.9);
-  border-radius: 4px;
+  border-radius: 2px;
   color: white;
 }
 
@@ -1283,7 +1283,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .run-dialog-entry {
   width: 21em;
   padding: 3px 12px;
-  border-radius: 4px;
+  border-radius: 2px;
   caret-color: white;
   selected-color: white;
   selection-background-color: #1A73E8;
@@ -1412,7 +1412,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   min-width: 2em;
   font-size: 14pt;
   font-weight: bold;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: none;
   color: rgba(255, 255, 255, 0.7);
   background-color: rgba(255, 255, 255, 0.04);
@@ -1436,7 +1436,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .keyboard-subkeys {
   color: white;
   padding: 5px;
-  -arrow-border-radius: 4px;
+  -arrow-border-radius: 2px;
   -arrow-background-color: rgba(54, 54, 54, 0.9);
   -arrow-border-width: 1px;
   -arrow-border-color: rgba(0, 0, 0, 0.4);
@@ -1452,17 +1452,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   transition-duration: 300;
   background-color: rgba(0, 0, 0, 0.05);
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-favorites-button {
   padding: 9px;
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-favorites-button:hover {
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(0, 0, 0, 0.1);
 }
 
@@ -1486,7 +1486,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu-application-button {
   padding: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
   border: none;
 }
 
@@ -1498,7 +1498,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
   padding: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
   border: none;
 }
 
@@ -1516,7 +1516,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu StScrollView.menu-application-button {
   padding: 3px 0;
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(0, 0, 0, 0.04);
   color: rgba(0, 0, 0, 0.6);
 }
@@ -1525,7 +1525,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0;
   spacing: 0;
   margin: 0 3px;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.6);
 }
 
@@ -1557,7 +1557,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu-category-button {
   padding: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-category-button-selected {
@@ -1567,7 +1567,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .menu-category-button-hover, .menu-category-button-selected {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-category-button-greyed {
@@ -1647,12 +1647,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0;
   height: 4px;
   background-color: rgba(0, 0, 0, 0.35);
-  border-radius: 4px;
+  border-radius: 2px;
   color: #1A73E8;
 }
 
 .osd-window .level-bar {
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: #1A73E8;
 }
 
@@ -1800,7 +1800,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-gradient-direction: vertical;
   background-gradient-start: #0F9D58;
   background-gradient-end: #0F9D58;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: none;
 }
 
@@ -1814,7 +1814,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   spacing: 6px;
   border: none;
   background-color: #FFFFFF;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.87);
   box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
 }
@@ -1830,15 +1830,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .grouped-window-list-thumbnail-menu {
   padding: 6px;
   color: rgba(0, 0, 0, 0.87);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
-  border-radius: 6px;
+  border-radius: 3px;
   margin: 6px;
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
 }
 
 .grouped-window-list-thumbnail-menu .item-box {
   padding: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
   spacing: 6px;
   margin: 1px;
 }
@@ -1923,7 +1923,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-gradient-direction: vertical;
   background-gradient-start: #0F9D58;
   background-gradient-end: #0F9D58;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: none;
 }
 
@@ -2004,7 +2004,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .sound-player {
   padding: 0 0;
   margin-top: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(0, 0, 0, 0.04);
   color: rgba(0, 0, 0, 0.87);
 }
@@ -2043,7 +2043,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   spacing: 6px;
   background-color: rgba(0, 0, 0, 0.5);
   border: none;
-  border-radius: 0 0 4px 4px;
+  border-radius: 0 0 2px 2px;
   color: white;
 }
 

melawy-gtk-theme/usr/share/themes/Melawy-round-Light/gnome-shell/assets/menu.svg

@@ -73,7 +73,7 @@
        d="M 14 3 C 9.0140007 3 5 7.0140007 5 12 L 5 100 C 5 104.986 9.0140007 109 14 109 L 102 109 C 106.986 109 111 104.986 111 100 L 111 12 C 111 7.0140007 106.986 3 102 3 L 14 3 z M 14 4 L 102 4 C 106.432 4 110 7.5680012 110 12 L 110 100 C 110 104.432 106.432 108 102 108 L 14 108 C 9.5680012 108 6 104.432 6 100 L 6 12 C 6 7.5680012 9.5680012 4 14 4 z "
        transform="scale(0.26458333)" />
     <rect
-       style="opacity:1;fill:#ffffff;stroke:none;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.15;paint-order:stroke fill markers;fill-opacity:1"
+       style="opacity:0.95;fill:#ffffff;stroke:none;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.15;paint-order:stroke fill markers;fill-opacity:1"
        id="rect846"
        width="27.516666"
        height="27.516666"

melawy-gtk-theme/usr/share/themes/Melawy-round-Light/gtk-3.0/assets/scalable/check-symbolic.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="14.916666"
+     inkscape:cx="7.9776538"
+     inkscape:cy="5.1620113"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 16.091797,6.5468751 c 0.127806,-3.5e-6 0.255581,0.04855 0.353515,0.1464844 0.195869,0.1958684 0.195869,0.5111627 0,0.7070308 L 9.3730471,14.472656 c -0.02449,0.02449 -0.05035,0.04611 -0.07815,0.06443 -0.02772,0.01839 -0.05585,0.03268 -0.08593,0.04492 -0.03009,0.01224 -0.06226,0.02122 -0.09376,0.02734 -0.03149,0.0061 -0.06375,0.0098 -0.09571,0.0098 -0.03195,0 -0.06226,-0.0036 -0.09375,-0.0098 -0.03149,-0.0061 -0.06367,-0.0151 -0.09375,-0.02734 -0.03009,-0.01224 -0.05818,-0.02656 -0.08593,-0.04492 -0.01389,-0.0092 -0.02786,-0.02051 -0.04101,-0.03125 -0.01312,-0.01071 -0.02679,-0.02099 -0.03903,-0.03323 l -4.18665,-4.188623 c -0.1958683,-0.195869 -0.1958687,-0.511162 5e-7,-0.707032 0.1958681,-0.195867 0.5111624,-0.195868 0.7070307,1e-6 l 3.8331198,3.835099 6.7187499,-6.7187499 c 0.09793,-0.097934 0.225707,-0.1464831 0.353516,-0.146484 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-Light/gtk-3.0/assets/scalable/check-symbolic@2.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic@2.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="7.458333"
+     inkscape:cx="-8.9832406"
+     inkscape:cy="11.061453"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 32.183594,13.09375 c 0.255612,-7e-6 0.511162,0.0971 0.70703,0.292969 0.391738,0.391737 0.391738,1.022325 0,1.414062 l -14.14453,14.144531 c -0.04898,0.04898 -0.1007,0.09222 -0.1563,0.12886 -0.05544,0.03678 -0.1117,0.06536 -0.17186,0.08984 -0.06018,0.02448 -0.12452,0.04244 -0.18752,0.05468 -0.06298,0.0122 -0.1275,0.0196 -0.19142,0.0196 -0.0639,0 -0.12452,-0.0072 -0.1875,-0.0196 -0.06298,-0.0122 -0.12734,-0.0302 -0.1875,-0.05468 -0.06018,-0.02448 -0.11636,-0.05312 -0.17186,-0.08984 -0.02778,-0.0184 -0.05572,-0.04102 -0.08202,-0.0625 -0.02624,-0.02142 -0.05358,-0.04198 -0.07806,-0.06646 L 8.9587542,20.567966 c -0.3917366,-0.391738 -0.3917374,-1.022324 1e-6,-1.414064 0.3917362,-0.391734 1.0223248,-0.391736 1.4140618,2e-6 l 7.666239,7.670198 13.4375,-13.4375 c 0.19586,-0.195868 0.451414,-0.292966 0.707032,-0.292968 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc"
+     style="stroke-width:2" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-Light/gtk-3.0/gtk-dark.css

@@ -1432,7 +1432,7 @@ headerbar button.titlebutton:not(.suggested-action):not(.destructive-action) {
   border-radius: 8px 8px 0 0;
   color: white;
   box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 .titlebar:disabled {
@@ -1984,7 +1984,7 @@ menu,
 .context-menu {
   margin: 3px 0;
   padding: 3px 0;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   background-clip: border-box;
   border: 1px solid rgba(255, 255, 255, 0.12);
 }
@@ -2118,7 +2118,7 @@ popover,
 popover.background {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 2px;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 3px 4px rgba(0, 0, 0, 0.08), 0 1px 6px rgba(0, 0, 0, 0.06);
   background-clip: border-box;
 }
@@ -4296,7 +4296,7 @@ popover.emoji-completion .emoji:hover {
 .nautilus-window.background.csd {
   background-color: rgba(48, 48, 48, 0.95);
   border-radius: 0 0 8px 8px;
-  background-color: #303030;
+  background-color: rgba(48, 48, 48, 0.95);
 }
 
 .nautilus-window.background.csd.unified {
@@ -4304,11 +4304,11 @@ popover.emoji-completion .emoji:hover {
 }
 
 .nautilus-window.background.csd.unified headerbar.titlebar {
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 .nautilus-window.background.csd.unified placessidebar.sidebar {
-  background-color: #303030;
+  background-color: rgba(48, 48, 48, 0.95);
 }
 
 .nautilus-window.background.csd placessidebar.sidebar, .nautilus-window.background.csd placessidebar.sidebar > viewport.frame > list > separator {
@@ -7512,8 +7512,6 @@ frame.raven-frame > border {
 .raven {
   background-color: #3C3C3C;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13);
-  margin: 8px 6px 6px;
-  border-radius: 4px;
 }
 
 .raven > box {
@@ -8013,7 +8011,7 @@ window.background.csd.thunar scrolledwindow.frame.sidebar.shortcuts-pane treevie
 #restart_dialog {
   margin: 8px;
   border-radius: 4px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
   background-color: #3C3C3C;
 }
 

melawy-gtk-theme/usr/share/themes/Melawy-round-Light/gtk-3.0/gtk.css

@@ -1432,7 +1432,7 @@ headerbar button.titlebutton:not(.suggested-action):not(.destructive-action) {
   border-radius: 8px 8px 0 0;
   color: rgba(0, 0, 0, 0.87);
   box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
-  background-color: #F7F7F7;
+  background-color: rgba(247, 247, 247, 0.98);
 }
 
 .titlebar:disabled {
@@ -1984,7 +1984,7 @@ menu,
 .context-menu {
   margin: 3px 0;
   padding: 3px 0;
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, 0.12);
 }
@@ -2118,7 +2118,7 @@ popover,
 popover.background {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 2px;
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 3px 4px rgba(0, 0, 0, 0.08), 0 1px 6px rgba(0, 0, 0, 0.06);
   background-clip: padding-box;
 }
@@ -4296,7 +4296,7 @@ popover.emoji-completion .emoji:hover {
 .nautilus-window.background.csd {
   background-color: rgba(250, 250, 250, 0.95);
   border-radius: 0 0 8px 8px;
-  background-color: #FAFAFA;
+  background-color: rgba(250, 250, 250, 0.95);
 }
 
 .nautilus-window.background.csd.unified {
@@ -4304,11 +4304,11 @@ popover.emoji-completion .emoji:hover {
 }
 
 .nautilus-window.background.csd.unified headerbar.titlebar {
-  background-color: #F7F7F7;
+  background-color: rgba(247, 247, 247, 0.98);
 }
 
 .nautilus-window.background.csd.unified placessidebar.sidebar {
-  background-color: #FAFAFA;
+  background-color: rgba(250, 250, 250, 0.95);
 }
 
 .nautilus-window.background.csd placessidebar.sidebar, .nautilus-window.background.csd placessidebar.sidebar > viewport.frame > list > separator {
@@ -7512,8 +7512,6 @@ frame.raven-frame > border {
 .raven {
   background-color: #FFFFFF;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13);
-  margin: 8px 6px 6px;
-  border-radius: 4px;
 }
 
 .raven > box {
@@ -8001,7 +7999,7 @@ window.background.csd.thunar scrolledwindow.frame.sidebar.shortcuts-pane treevie
 #restart_dialog {
   margin: 8px;
   border-radius: 4px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.4);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.4);
   background-color: #FFFFFF;
 }
 

melawy-gtk-theme/usr/share/themes/Melawy-round-Light/gtk-4.0/assets/scalable/check-symbolic.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="14.916666"
+     inkscape:cx="7.9776538"
+     inkscape:cy="5.1620113"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 16.091797,6.5468751 c 0.127806,-3.5e-6 0.255581,0.04855 0.353515,0.1464844 0.195869,0.1958684 0.195869,0.5111627 0,0.7070308 L 9.3730471,14.472656 c -0.02449,0.02449 -0.05035,0.04611 -0.07815,0.06443 -0.02772,0.01839 -0.05585,0.03268 -0.08593,0.04492 -0.03009,0.01224 -0.06226,0.02122 -0.09376,0.02734 -0.03149,0.0061 -0.06375,0.0098 -0.09571,0.0098 -0.03195,0 -0.06226,-0.0036 -0.09375,-0.0098 -0.03149,-0.0061 -0.06367,-0.0151 -0.09375,-0.02734 -0.03009,-0.01224 -0.05818,-0.02656 -0.08593,-0.04492 -0.01389,-0.0092 -0.02786,-0.02051 -0.04101,-0.03125 -0.01312,-0.01071 -0.02679,-0.02099 -0.03903,-0.03323 l -4.18665,-4.188623 c -0.1958683,-0.195869 -0.1958687,-0.511162 5e-7,-0.707032 0.1958681,-0.195867 0.5111624,-0.195868 0.7070307,1e-6 l 3.8331198,3.835099 6.7187499,-6.7187499 c 0.09793,-0.097934 0.225707,-0.1464831 0.353516,-0.146484 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-Light/gtk-4.0/assets/scalable/check-symbolic@2.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic@2.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="7.458333"
+     inkscape:cx="-8.9832406"
+     inkscape:cy="11.061453"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 32.183594,13.09375 c 0.255612,-7e-6 0.511162,0.0971 0.70703,0.292969 0.391738,0.391737 0.391738,1.022325 0,1.414062 l -14.14453,14.144531 c -0.04898,0.04898 -0.1007,0.09222 -0.1563,0.12886 -0.05544,0.03678 -0.1117,0.06536 -0.17186,0.08984 -0.06018,0.02448 -0.12452,0.04244 -0.18752,0.05468 -0.06298,0.0122 -0.1275,0.0196 -0.19142,0.0196 -0.0639,0 -0.12452,-0.0072 -0.1875,-0.0196 -0.06298,-0.0122 -0.12734,-0.0302 -0.1875,-0.05468 -0.06018,-0.02448 -0.11636,-0.05312 -0.17186,-0.08984 -0.02778,-0.0184 -0.05572,-0.04102 -0.08202,-0.0625 -0.02624,-0.02142 -0.05358,-0.04198 -0.07806,-0.06646 L 8.9587542,20.567966 c -0.3917366,-0.391738 -0.3917374,-1.022324 1e-6,-1.414064 0.3917362,-0.391734 1.0223248,-0.391736 1.4140618,2e-6 l 7.666239,7.670198 13.4375,-13.4375 c 0.19586,-0.195868 0.451414,-0.292966 0.707032,-0.292968 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc"
+     style="stroke-width:2" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-Light/gtk-4.0/gtk-dark.css

@@ -155,7 +155,7 @@ popover.background.magnifier > contents, .osd {
   background-clip: padding-box;
   border-radius: 4px;
   border: none;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .osd {
@@ -1741,7 +1741,7 @@ headerbar {
   min-height: 44px;
   margin: 0;
   padding: 0;
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 headerbar:disabled {
@@ -1912,10 +1912,6 @@ headerbar.selection-mode .selection-menu {
   padding-right: 16px;
 }
 
-headerbar.selection-mode .selection-menu arrow {
-  -GtkArrow-arrow-scaling: 1;
-}
-
 headerbar.selection-mode .selection-menu .arrow {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
@@ -2386,8 +2382,8 @@ popover.background > arrow,
 popover.background > contents {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 6px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   border-radius: 6px;
   color: white;
   border: 1px solid rgba(255, 255, 255, 0.12);
@@ -2430,6 +2426,10 @@ popover.background toolbar {
   background-color: #3C3C3C;
 }
 
+popover.background list > row {
+  border-radius: 4px;
+}
+
 popover.background listview {
   margin: 0;
   padding: 0;
@@ -2499,9 +2499,8 @@ tabbar tabbox tab, notebook > header tab {
   min-height: 22px;
   min-width: 22px;
   padding: 3px 12px;
-  border-width: 1px;
+  border: 1px solid transparent;
-  border-color: transparent;
+  border-bottom: 0;
-  border-style: solid;
   outline: none;
   background-clip: padding-box;
   color: rgba(255, 255, 255, 0.7);
@@ -2766,6 +2765,11 @@ tabbar:backdrop .box > .end-action {
   filter: opacity(0.5);
 }
 
+tabbar tabbox {
+  padding: 0;
+  margin: 0;
+}
+
 tabbar tabbox > tabboxchild {
   padding: 0;
   margin: 0;
@@ -4732,7 +4736,7 @@ stackswitcher.circular button.text-button.circular {
 }
 
 .icon-dropshadow {
-  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 /*********
@@ -4881,6 +4885,10 @@ statusbar {
   margin-left: 0;
 }
 
+navigation-view-page > toolbarview > scrolledwindow > viewport > clamp > box > box > stack > button {
+  margin-top: 12px;
+}
+
 label.primary-label, label.month-name, label.secondary-label {
   font-size: 16pt;
   font-weight: bold;
@@ -4917,7 +4925,7 @@ weekgrid.current {
 }
 
 popover.events {
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   padding: 0;
 }
 
@@ -5346,7 +5354,7 @@ screenshot-carousel button,
 }
 
 .category-tile.card:hover {
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .category-tile.card.category-tile-iconless {
@@ -5857,6 +5865,14 @@ spinner.fade-in:checked {
   animation-delay: 0s, 0.5s, 0.5s;
 }
 
+window.org-gnome-TextEditor popover.open-popover > contents {
+  padding: 0;
+}
+
+window.org-gnome-TextEditor popover.open-popover > contents separator {
+  margin: 0;
+}
+
 avatar {
   border-radius: 9999px;
   font-weight: bold;
@@ -5970,7 +5986,7 @@ splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.s
 }
 
 button.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6065,7 +6081,7 @@ menubutton.destructive-action {
 }
 
 menubutton.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6190,7 +6206,7 @@ splitbutton.destructive-action {
 }
 
 splitbutton.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6278,7 +6294,7 @@ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-chi
 }
 
 statuspage.compact > scrolledwindow > viewport > box {
-  margin: 24px 6px 8 2;
+  margin: 24px 6px 8px 2px;
   border-spacing: 24px;
 }
 
@@ -6819,12 +6835,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 }
 
 .sidebar-pane banner > revealer > widget {
-  background-color: gtkmix(#3281EA, #303030, 30%);
+  background-color: mix(#3281EA,#303030,0.7);
   color: white;
 }
 
 .sidebar-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#3281EA, #303030, 30%);
+  background-color: mix(#3281EA,#303030,0.7);
 }
 
 .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget {
@@ -6978,13 +6994,13 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 
 .content-pane .sidebar-pane banner > revealer > widget,
 .sidebar-pane .content-pane banner > revealer > widget {
-  background-color: gtkmix(#3281EA, #2B2B2B, 30%);
+  background-color: mix(#3281EA,#2B2B2B,0.7);
   color: white;
 }
 
 .content-pane .sidebar-pane banner > revealer > widget:backdrop,
 .sidebar-pane .content-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#3281EA, #2B2B2B, 30%);
+  background-color: mix(#3281EA,#2B2B2B,0.7);
 }
 
 .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget,
@@ -7017,6 +7033,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
   box-shadow: none;
 }
 
+.top-bar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
 .top-bar .collapse-spacing {
   padding: 0;
 }
@@ -7171,6 +7193,143 @@ tabbox:drop(active) {
   box-shadow: none;
 }
 
+themeselector,
+panelthemeselector {
+  margin: 9px;
+}
+
+themeselector checkbutton,
+panelthemeselector checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked,
+panelthemeselector checkbutton.follow:checked,
+panelthemeselector checkbutton.light:checked,
+panelthemeselector checkbutton.dark:checked {
+  box-shadow: inset 0 0 0 2px #3281EA;
+}
+
+themeselector checkbutton.follow,
+panelthemeselector checkbutton.follow {
+  background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%);
+}
+
+themeselector checkbutton.light,
+panelthemeselector checkbutton.light {
+  background-color: #ffffff;
+}
+
+themeselector checkbutton.dark,
+panelthemeselector checkbutton.dark {
+  background-color: #202020;
+}
+
+themeselector checkbutton.theme-selector radio,
+panelthemeselector checkbutton.theme-selector radio {
+  -gtk-icon-source: none;
+  border: none;
+  background: none;
+  box-shadow: none;
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+}
+
+themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:hover,
+panelthemeselector checkbutton.theme-selector radio:active,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  background-color: transparent;
+}
+
+themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg")));
+  color: white;
+  background-color: #3281EA;
+}
+
+themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active,
+panelthemeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked:hover,
+panelthemeselector checkbutton.theme-selector radio:checked:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 20px;
+  min-width: 20px;
+  background: none;
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  color: white;
+  background-color: #3281EA;
+}
+
+themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+themeswitcher checkbutton:checked {
+  box-shadow: inset 0 0 0 2px #3281EA;
+}
+
+themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active {
+  background-color: transparent;
+  border: none;
+  background: none;
+  box-shadow: none;
+  color: transparent;
+  -gtk-icon-source: none;
+  -gtk-icon-size: 0;
+}
+
+themeswitcher checkbutton.system {
+  background: linear-gradient(-45deg, #1e1e1e 50%, white 50%);
+}
+
+themeswitcher checkbutton.light {
+  color: alpha(black, 0.8);
+  background-color: white;
+}
+
+themeswitcher checkbutton.dark {
+  color: white;
+  background-color: #1e1e1e;
+}
+
+floating-sheet > dimming {
+  background-color: rgba(0, 0, 0, 0.25);
+}
+
+floating-sheet > sheet.background {
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.12), 0 0 0 36px transparent;
+}
+
 /* GTK NAMED COLORS
    ----------------
    use responsibly! */

melawy-gtk-theme/usr/share/themes/Melawy-round-Light/gtk-4.0/gtk.css

@@ -155,7 +155,7 @@ popover.background.magnifier > contents, .osd {
   background-clip: padding-box;
   border-radius: 4px;
   border: none;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .osd {
@@ -1741,7 +1741,7 @@ headerbar {
   min-height: 44px;
   margin: 0;
   padding: 0;
-  background-color: #F7F7F7;
+  background-color: rgba(247, 247, 247, 0.98);
 }
 
 headerbar:disabled {
@@ -1912,10 +1912,6 @@ headerbar.selection-mode .selection-menu {
   padding-right: 16px;
 }
 
-headerbar.selection-mode .selection-menu arrow {
-  -GtkArrow-arrow-scaling: 1;
-}
-
 headerbar.selection-mode .selection-menu .arrow {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
@@ -2386,12 +2382,12 @@ popover.background > arrow,
 popover.background > contents {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 6px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   border-radius: 6px;
   color: rgba(0, 0, 0, 0.87);
   border: none;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12);
 }
 
 popover.background:backdrop > arrow,
@@ -2430,6 +2426,10 @@ popover.background toolbar {
   background-color: #FFFFFF;
 }
 
+popover.background list > row {
+  border-radius: 4px;
+}
+
 popover.background listview {
   margin: 0;
   padding: 0;
@@ -2499,9 +2499,8 @@ tabbar tabbox tab, notebook > header tab {
   min-height: 22px;
   min-width: 22px;
   padding: 3px 12px;
-  border-width: 1px;
+  border: 1px solid transparent;
-  border-color: transparent;
+  border-bottom: 0;
-  border-style: solid;
   outline: none;
   background-clip: padding-box;
   color: rgba(0, 0, 0, 0.6);
@@ -2766,6 +2765,11 @@ tabbar:backdrop .box > .end-action {
   filter: opacity(0.5);
 }
 
+tabbar tabbox {
+  padding: 0;
+  margin: 0;
+}
+
 tabbar tabbox > tabboxchild {
   padding: 0;
   margin: 0;
@@ -4732,7 +4736,7 @@ stackswitcher.circular button.text-button.circular {
 }
 
 .icon-dropshadow {
-  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 /*********
@@ -4881,6 +4885,10 @@ statusbar {
   margin-left: 0;
 }
 
+navigation-view-page > toolbarview > scrolledwindow > viewport > clamp > box > box > stack > button {
+  margin-top: 12px;
+}
+
 label.primary-label, label.month-name, label.secondary-label {
   font-size: 16pt;
   font-weight: bold;
@@ -4917,7 +4925,7 @@ weekgrid.current {
 }
 
 popover.events {
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   padding: 0;
 }
 
@@ -5346,7 +5354,7 @@ screenshot-carousel button,
 }
 
 .category-tile.card:hover {
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .category-tile.card.category-tile-iconless {
@@ -5857,6 +5865,14 @@ spinner.fade-in:checked {
   animation-delay: 0s, 0.5s, 0.5s;
 }
 
+window.org-gnome-TextEditor popover.open-popover > contents {
+  padding: 0;
+}
+
+window.org-gnome-TextEditor popover.open-popover > contents separator {
+  margin: 0;
+}
+
 avatar {
   border-radius: 9999px;
   font-weight: bold;
@@ -5970,7 +5986,7 @@ splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.s
 }
 
 button.opaque {
-  background-color: gtkmix(#FFFFFF, rgba(0, 0, 0, 0.87), 85%);
+  background-color: mix(#FFFFFF,rgba(0, 0, 0, 0.87),0.15);
   color: rgba(0, 0, 0, 0.87);
 }
 
@@ -6065,7 +6081,7 @@ menubutton.destructive-action {
 }
 
 menubutton.opaque {
-  background-color: gtkmix(#FFFFFF, rgba(0, 0, 0, 0.87), 85%);
+  background-color: mix(#FFFFFF,rgba(0, 0, 0, 0.87),0.15);
   color: rgba(0, 0, 0, 0.87);
 }
 
@@ -6190,7 +6206,7 @@ splitbutton.destructive-action {
 }
 
 splitbutton.opaque {
-  background-color: gtkmix(#FFFFFF, rgba(0, 0, 0, 0.87), 85%);
+  background-color: mix(#FFFFFF,rgba(0, 0, 0, 0.87),0.15);
   color: rgba(0, 0, 0, 0.87);
 }
 
@@ -6278,7 +6294,7 @@ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-chi
 }
 
 statuspage.compact > scrolledwindow > viewport > box {
-  margin: 24px 6px 8 2;
+  margin: 24px 6px 8px 2px;
   border-spacing: 24px;
 }
 
@@ -6819,12 +6835,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 }
 
 .sidebar-pane banner > revealer > widget {
-  background-color: gtkmix(#1A73E8, #FAFAFA, 30%);
+  background-color: mix(#1A73E8,#FAFAFA,0.7);
   color: rgba(0, 0, 0, 0.87);
 }
 
 .sidebar-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#1A73E8, #FAFAFA, 30%);
+  background-color: mix(#1A73E8,#FAFAFA,0.7);
 }
 
 .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget {
@@ -6978,13 +6994,13 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 
 .content-pane .sidebar-pane banner > revealer > widget,
 .sidebar-pane .content-pane banner > revealer > widget {
-  background-color: gtkmix(#1A73E8, #FFFFFF, 30%);
+  background-color: mix(#1A73E8,#FFFFFF,0.7);
   color: rgba(0, 0, 0, 0.87);
 }
 
 .content-pane .sidebar-pane banner > revealer > widget:backdrop,
 .sidebar-pane .content-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#1A73E8, #FFFFFF, 30%);
+  background-color: mix(#1A73E8,#FFFFFF,0.7);
 }
 
 .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget,
@@ -7017,6 +7033,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
   box-shadow: none;
 }
 
+.top-bar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
 .top-bar .collapse-spacing {
   padding: 0;
 }
@@ -7171,6 +7193,143 @@ tabbox:drop(active) {
   box-shadow: none;
 }
 
+themeselector,
+panelthemeselector {
+  margin: 9px;
+}
+
+themeselector checkbutton,
+panelthemeselector checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
+}
+
+themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked,
+panelthemeselector checkbutton.follow:checked,
+panelthemeselector checkbutton.light:checked,
+panelthemeselector checkbutton.dark:checked {
+  box-shadow: inset 0 0 0 2px #1A73E8;
+}
+
+themeselector checkbutton.follow,
+panelthemeselector checkbutton.follow {
+  background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%);
+}
+
+themeselector checkbutton.light,
+panelthemeselector checkbutton.light {
+  background-color: #ffffff;
+}
+
+themeselector checkbutton.dark,
+panelthemeselector checkbutton.dark {
+  background-color: #202020;
+}
+
+themeselector checkbutton.theme-selector radio,
+panelthemeselector checkbutton.theme-selector radio {
+  -gtk-icon-source: none;
+  border: none;
+  background: none;
+  box-shadow: none;
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+}
+
+themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:hover,
+panelthemeselector checkbutton.theme-selector radio:active,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  background-color: transparent;
+}
+
+themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg")));
+  color: white;
+  background-color: #1A73E8;
+}
+
+themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active,
+panelthemeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked:hover,
+panelthemeselector checkbutton.theme-selector radio:checked:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 20px;
+  min-width: 20px;
+  background: none;
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  color: white;
+  background-color: #1A73E8;
+}
+
+themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
+}
+
+themeswitcher checkbutton:checked {
+  box-shadow: inset 0 0 0 2px #1A73E8;
+}
+
+themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active {
+  background-color: transparent;
+  border: none;
+  background: none;
+  box-shadow: none;
+  color: transparent;
+  -gtk-icon-source: none;
+  -gtk-icon-size: 0;
+}
+
+themeswitcher checkbutton.system {
+  background: linear-gradient(-45deg, #1e1e1e 50%, white 50%);
+}
+
+themeswitcher checkbutton.light {
+  color: alpha(black, 0.8);
+  background-color: white;
+}
+
+themeswitcher checkbutton.dark {
+  color: white;
+  background-color: #1e1e1e;
+}
+
+floating-sheet > dimming {
+  background-color: rgba(0, 0, 0, 0.25);
+}
+
+floating-sheet > sheet.background {
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 0 36px transparent;
+}
+
 /* GTK NAMED COLORS
    ----------------
    use responsibly! */

melawy-gtk-theme/usr/share/themes/Melawy-round-Light/metacity-1/metacity-theme-2.xml

@@ -1,11 +1,11 @@
 <?xml version="1.0"?>
 <metacity_theme>
 <info>
-  <name>Melawy</name>
+  <name>Fluent</name>
   <author>vinceliucie</author>
   <copyright>GPL</copyright>
   <date>2020</date>
-  <description>Melawy Metacity theme</description>
+  <description>Fluent Metacity theme</description>
 </info>
 
 <!-- meaningful constants -->

melawy-gtk-theme/usr/share/themes/Melawy-round-Light/metacity-1/metacity-theme-3.xml

@@ -1,11 +1,11 @@
 <?xml version="1.0"?>
 <metacity_theme>
 <info>
-  <name>Melawy-round</name>
+  <name>Fluent-round</name>
   <author>vinceliucie</author>
   <copyright>GPL</copyright>
   <date>2020</date>
-  <description>Melawy-round Metacity theme</description>
+  <description>Fluent-round Metacity theme</description>
 </info>
 
 <!-- meaningful constants -->

melawy-gtk-theme/usr/share/themes/Melawy-round-compact/cinnamon/cinnamon.css

@@ -10,7 +10,7 @@ stage {
   min-height: 24px;
   padding: 5px 32px;
   transition-duration: 100ms;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.6);
   background-color: rgba(0, 0, 0, 0.04);
 }
@@ -18,36 +18,36 @@ stage {
 .sound-button:focus {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:hover {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:hover:focus {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.26);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:active {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.26);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:insensitive {
   color: rgba(0, 0, 0, 0.38);
   background-color: rgba(0, 0, 0, 0.04);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button, .calendar-today-home-button,
 .calendar-today-home-button-enabled {
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.6);
   background-color: transparent;
 }
@@ -56,28 +56,28 @@ stage {
 .calendar-today-home-button-enabled:hover {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active, .calendar-today-home-button:active,
 .calendar-today-home-button-enabled:active {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.26);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive, .calendar-today-home-button:insensitive,
 .calendar-today-home-button-enabled:insensitive {
   color: rgba(0, 0, 0, 0.26);
   background-color: transparent;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .modal-dialog-button-box .modal-dialog-button {
   min-height: 24px;
   padding: 4px 20px;
   transition-duration: 100ms;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(255, 255, 255, 0.7);
   background-color: rgba(255, 255, 255, 0.04);
 }
@@ -108,7 +108,7 @@ stage {
   selection-background-color: #1A73E8;
   selected-color: white;
   transition-duration: 300ms;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.87);
   border: 2px solid transparent;
   background-color: rgba(0, 0, 0, 0.04);
@@ -271,7 +271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #Tooltip {
-  border-radius: 4px;
+  border-radius: 2px;
   padding: 5px 12px;
   background-color: rgba(54, 54, 54, 0.9);
   color: white;
@@ -300,8 +300,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-combo-menu .popup-menu-content {
   padding: 4px 0;
   color: rgba(0, 0, 0, 0.87);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
-  border-radius: 6px;
+  border-radius: 3px;
   margin: 4px;
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
 }
@@ -351,7 +351,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-combo-menu .popup-menu-item {
   padding: 4px 8px;
   spacing: 8px;
-  border-radius: 4px;
+  border-radius: 2px;
   margin: 0 4px;
 }
 
@@ -395,7 +395,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .popup-menu-boxpointer {
-  -arrow-border-radius: 4px;
+  -arrow-border-radius: 2px;
   -arrow-background-color: rgba(0, 0, 0, 0);
   -arrow-border-width: 0;
   -arrow-border-color: rgba(0, 0, 0, 0);
@@ -525,7 +525,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-size: 1em;
   padding: 0px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
-  background-color: #1F1F1F;
+  background-color: rgba(31, 31, 31, 0.8);
 }
 
 .panel-top .panel-button:hover,
@@ -585,7 +585,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border: 1px solid rgba(54, 54, 54, 0.9);
   color: white;
   spacing: 25px;
-  border-radius: 4px;
+  border-radius: 2px;
   font-size: 9pt;
   padding: 5px 8px;
   -cinnamon-caption-spacing: 4px;
@@ -601,7 +601,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .expo-workspaces-name-entry,
 .expo-workspaces-name-entry#selected {
   height: 15px;
-  border-radius: 4px;
+  border-radius: 2px;
   font-size: 9pt;
   padding: 5px 8px;
   -cinnamon-caption-spacing: 4px;
@@ -624,13 +624,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .expo-workspace-thumbnail-frame {
   border: 4px solid rgba(255, 255, 255, 0);
   background-color: rgba(255, 255, 255, 0);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .expo-workspace-thumbnail-frame#active {
   border: 4px solid #1A73E8;
   background-color: black;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .expo-background {
@@ -730,7 +730,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .about-scrollBox {
   border: 1px solid rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: #FFFFFF;
   padding: 4px;
   padding-right: 0;
@@ -845,7 +845,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   text-align: center;
   font-size: 14px;
   color: rgba(0, 0, 0, 0.87);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .calendar-day-base {
@@ -930,7 +930,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 6px;
   min-width: 350px;
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
   background-gradient-direction: vertical;
   background-gradient-start: rgba(0, 0, 0, 0.04);
   background-gradient-end: rgba(0, 0, 0, 0.04);
@@ -940,7 +940,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-events-no-events-button {
   margin: 4px 0;
   padding: 4px;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .calendar-events-no-events-button:hover {
@@ -983,7 +983,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .calendar-event-button {
   margin: 4px 0 4px 0;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .calendar-event-button:hover {
@@ -1050,14 +1050,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #notification {
-  border-radius: 8px;
+  border-radius: 3px;
   padding: 8px;
   spacing-rows: 6px;
   spacing-columns: 6px;
   margin-from-right-edge-of-screen: 12px;
   width: 28em;
   color: rgba(0, 0, 0, 0.87);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
   margin: 7px 12px 17px 12px;
 }
@@ -1068,7 +1068,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu #notification, .popup-menu #notification {
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(0, 0, 0, 0.05);
   box-shadow: none;
   margin: 0;
@@ -1136,9 +1136,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .switcher-list {
   color: rgba(0, 0, 0, 0.87);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
   padding: 20px;
 }
 
@@ -1152,7 +1152,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .switcher-list .item-box {
   padding: 8px;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .switcher-list .item-box:outlined {
@@ -1226,7 +1226,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-color: rgba(46, 46, 46, 0.95);
   border: 1px solid rgba(0, 0, 0, 0.65);
   padding: 0 5px 6px 5px;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
 }
 
@@ -1251,7 +1251,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .run-dialog {
   padding: 4px 8px;
   background-color: rgba(54, 54, 54, 0.9);
-  border-radius: 4px;
+  border-radius: 2px;
   color: white;
 }
 
@@ -1283,7 +1283,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .run-dialog-entry {
   width: 21em;
   padding: 2px 8px;
-  border-radius: 4px;
+  border-radius: 2px;
   caret-color: white;
   selected-color: white;
   selection-background-color: #1A73E8;
@@ -1412,7 +1412,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   min-width: 2em;
   font-size: 14pt;
   font-weight: bold;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: none;
   color: rgba(255, 255, 255, 0.7);
   background-color: rgba(255, 255, 255, 0.04);
@@ -1436,7 +1436,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .keyboard-subkeys {
   color: white;
   padding: 5px;
-  -arrow-border-radius: 4px;
+  -arrow-border-radius: 2px;
   -arrow-background-color: rgba(54, 54, 54, 0.9);
   -arrow-border-width: 1px;
   -arrow-border-color: rgba(0, 0, 0, 0.4);
@@ -1452,17 +1452,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   transition-duration: 300;
   background-color: rgba(0, 0, 0, 0.05);
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-favorites-button {
   padding: 6px;
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-favorites-button:hover {
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(0, 0, 0, 0.1);
 }
 
@@ -1486,7 +1486,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu-application-button {
   padding: 4px;
-  border-radius: 4px;
+  border-radius: 2px;
   border: none;
 }
 
@@ -1498,7 +1498,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
   padding: 4px;
-  border-radius: 4px;
+  border-radius: 2px;
   border: none;
 }
 
@@ -1516,7 +1516,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu StScrollView.menu-application-button {
   padding: 2px 0;
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(0, 0, 0, 0.04);
   color: rgba(0, 0, 0, 0.6);
 }
@@ -1525,7 +1525,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0;
   spacing: 0;
   margin: 0 2px;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.6);
 }
 
@@ -1557,7 +1557,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu-category-button {
   padding: 4px;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-category-button-selected {
@@ -1567,7 +1567,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .menu-category-button-hover, .menu-category-button-selected {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-category-button-greyed {
@@ -1647,12 +1647,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0;
   height: 4px;
   background-color: rgba(0, 0, 0, 0.35);
-  border-radius: 4px;
+  border-radius: 2px;
   color: #1A73E8;
 }
 
 .osd-window .level-bar {
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: #1A73E8;
 }
 
@@ -1800,7 +1800,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-gradient-direction: vertical;
   background-gradient-start: #0F9D58;
   background-gradient-end: #0F9D58;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: none;
 }
 
@@ -1814,7 +1814,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   spacing: 4px;
   border: none;
   background-color: #FFFFFF;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.87);
   box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
 }
@@ -1830,15 +1830,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .grouped-window-list-thumbnail-menu {
   padding: 4px;
   color: rgba(0, 0, 0, 0.87);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
-  border-radius: 6px;
+  border-radius: 3px;
   margin: 4px;
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
 }
 
 .grouped-window-list-thumbnail-menu .item-box {
   padding: 4px;
-  border-radius: 4px;
+  border-radius: 2px;
   spacing: 4px;
   margin: 1px;
 }
@@ -1923,7 +1923,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-gradient-direction: vertical;
   background-gradient-start: #0F9D58;
   background-gradient-end: #0F9D58;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: none;
 }
 
@@ -2004,7 +2004,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .sound-player {
   padding: 0 0;
   margin-top: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(0, 0, 0, 0.04);
   color: rgba(0, 0, 0, 0.87);
 }
@@ -2043,7 +2043,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   spacing: 4px;
   background-color: rgba(0, 0, 0, 0.5);
   border: none;
-  border-radius: 0 0 4px 4px;
+  border-radius: 0 0 2px 2px;
   color: white;
 }
 

melawy-gtk-theme/usr/share/themes/Melawy-round-compact/gnome-shell/assets/menu.svg

@@ -73,7 +73,7 @@
        d="M 14 3 C 9.0140007 3 5 7.0140007 5 12 L 5 100 C 5 104.986 9.0140007 109 14 109 L 102 109 C 106.986 109 111 104.986 111 100 L 111 12 C 111 7.0140007 106.986 3 102 3 L 14 3 z M 14 4 L 102 4 C 106.432 4 110 7.5680012 110 12 L 110 100 C 110 104.432 106.432 108 102 108 L 14 108 C 9.5680012 108 6 104.432 6 100 L 6 12 C 6 7.5680012 9.5680012 4 14 4 z "
        transform="scale(0.26458333)" />
     <rect
-       style="opacity:1;fill:#ffffff;stroke:none;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.15;paint-order:stroke fill markers;fill-opacity:1"
+       style="opacity:0.95;fill:#ffffff;stroke:none;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.15;paint-order:stroke fill markers;fill-opacity:1"
        id="rect846"
        width="27.516666"
        height="27.516666"

melawy-gtk-theme/usr/share/themes/Melawy-round-compact/gtk-3.0/assets/scalable/check-symbolic.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="14.916666"
+     inkscape:cx="7.9776538"
+     inkscape:cy="5.1620113"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 16.091797,6.5468751 c 0.127806,-3.5e-6 0.255581,0.04855 0.353515,0.1464844 0.195869,0.1958684 0.195869,0.5111627 0,0.7070308 L 9.3730471,14.472656 c -0.02449,0.02449 -0.05035,0.04611 -0.07815,0.06443 -0.02772,0.01839 -0.05585,0.03268 -0.08593,0.04492 -0.03009,0.01224 -0.06226,0.02122 -0.09376,0.02734 -0.03149,0.0061 -0.06375,0.0098 -0.09571,0.0098 -0.03195,0 -0.06226,-0.0036 -0.09375,-0.0098 -0.03149,-0.0061 -0.06367,-0.0151 -0.09375,-0.02734 -0.03009,-0.01224 -0.05818,-0.02656 -0.08593,-0.04492 -0.01389,-0.0092 -0.02786,-0.02051 -0.04101,-0.03125 -0.01312,-0.01071 -0.02679,-0.02099 -0.03903,-0.03323 l -4.18665,-4.188623 c -0.1958683,-0.195869 -0.1958687,-0.511162 5e-7,-0.707032 0.1958681,-0.195867 0.5111624,-0.195868 0.7070307,1e-6 l 3.8331198,3.835099 6.7187499,-6.7187499 c 0.09793,-0.097934 0.225707,-0.1464831 0.353516,-0.146484 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-compact/gtk-3.0/assets/scalable/check-symbolic@2.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic@2.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="7.458333"
+     inkscape:cx="-8.9832406"
+     inkscape:cy="11.061453"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 32.183594,13.09375 c 0.255612,-7e-6 0.511162,0.0971 0.70703,0.292969 0.391738,0.391737 0.391738,1.022325 0,1.414062 l -14.14453,14.144531 c -0.04898,0.04898 -0.1007,0.09222 -0.1563,0.12886 -0.05544,0.03678 -0.1117,0.06536 -0.17186,0.08984 -0.06018,0.02448 -0.12452,0.04244 -0.18752,0.05468 -0.06298,0.0122 -0.1275,0.0196 -0.19142,0.0196 -0.0639,0 -0.12452,-0.0072 -0.1875,-0.0196 -0.06298,-0.0122 -0.12734,-0.0302 -0.1875,-0.05468 -0.06018,-0.02448 -0.11636,-0.05312 -0.17186,-0.08984 -0.02778,-0.0184 -0.05572,-0.04102 -0.08202,-0.0625 -0.02624,-0.02142 -0.05358,-0.04198 -0.07806,-0.06646 L 8.9587542,20.567966 c -0.3917366,-0.391738 -0.3917374,-1.022324 1e-6,-1.414064 0.3917362,-0.391734 1.0223248,-0.391736 1.4140618,2e-6 l 7.666239,7.670198 13.4375,-13.4375 c 0.19586,-0.195868 0.451414,-0.292966 0.707032,-0.292968 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc"
+     style="stroke-width:2" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-compact/gtk-3.0/gtk-dark.css

@@ -1432,7 +1432,7 @@ headerbar button.titlebutton:not(.suggested-action):not(.destructive-action) {
   border-radius: 8px 8px 0 0;
   color: white;
   box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 .titlebar:disabled {
@@ -1984,7 +1984,7 @@ menu,
 .context-menu {
   margin: 3px 0;
   padding: 3px 0;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   background-clip: border-box;
   border: 1px solid rgba(255, 255, 255, 0.12);
 }
@@ -2118,7 +2118,7 @@ popover,
 popover.background {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 2px;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 3px 4px rgba(0, 0, 0, 0.08), 0 1px 6px rgba(0, 0, 0, 0.06);
   background-clip: border-box;
 }
@@ -4296,7 +4296,7 @@ popover.emoji-completion .emoji:hover {
 .nautilus-window.background.csd {
   background-color: rgba(48, 48, 48, 0.95);
   border-radius: 0 0 8px 8px;
-  background-color: #303030;
+  background-color: rgba(48, 48, 48, 0.95);
 }
 
 .nautilus-window.background.csd.unified {
@@ -4304,11 +4304,11 @@ popover.emoji-completion .emoji:hover {
 }
 
 .nautilus-window.background.csd.unified headerbar.titlebar {
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 .nautilus-window.background.csd.unified placessidebar.sidebar {
-  background-color: #303030;
+  background-color: rgba(48, 48, 48, 0.95);
 }
 
 .nautilus-window.background.csd placessidebar.sidebar, .nautilus-window.background.csd placessidebar.sidebar > viewport.frame > list > separator {
@@ -7512,8 +7512,6 @@ frame.raven-frame > border {
 .raven {
   background-color: #3C3C3C;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13);
-  margin: 8px 6px 6px;
-  border-radius: 4px;
 }
 
 .raven > box {
@@ -8013,7 +8011,7 @@ window.background.csd.thunar scrolledwindow.frame.sidebar.shortcuts-pane treevie
 #restart_dialog {
   margin: 8px;
   border-radius: 4px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
   background-color: #3C3C3C;
 }
 

melawy-gtk-theme/usr/share/themes/Melawy-round-compact/gtk-3.0/gtk.css

@@ -1433,7 +1433,7 @@ headerbar button.titlebutton:not(.suggested-action):not(.destructive-action) {
   color: white;
   box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
   box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
-  background-color: #2C2C2C;
+  background-color: rgba(44, 44, 44, 0.98);
 }
 
 .titlebar:disabled {
@@ -1985,7 +1985,7 @@ menu,
 .context-menu {
   margin: 3px 0;
   padding: 3px 0;
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, 0.12);
 }
@@ -2119,7 +2119,7 @@ popover,
 popover.background {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 2px;
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 3px 4px rgba(0, 0, 0, 0.08), 0 1px 6px rgba(0, 0, 0, 0.06);
   background-clip: padding-box;
 }
@@ -4297,7 +4297,7 @@ popover.emoji-completion .emoji:hover {
 .nautilus-window.background.csd {
   background-color: rgba(250, 250, 250, 0.95);
   border-radius: 0 0 8px 8px;
-  background-color: #FAFAFA;
+  background-color: rgba(250, 250, 250, 0.95);
 }
 
 .nautilus-window.background.csd.unified {
@@ -4305,11 +4305,11 @@ popover.emoji-completion .emoji:hover {
 }
 
 .nautilus-window.background.csd.unified headerbar.titlebar {
-  background-color: #2C2C2C;
+  background-color: rgba(44, 44, 44, 0.98);
 }
 
 .nautilus-window.background.csd.unified placessidebar.sidebar {
-  background-color: #FAFAFA;
+  background-color: rgba(250, 250, 250, 0.95);
 }
 
 .nautilus-window.background.csd placessidebar.sidebar, .nautilus-window.background.csd placessidebar.sidebar > viewport.frame > list > separator {
@@ -7517,8 +7517,6 @@ frame.raven-frame > border {
 .raven {
   background-color: #FFFFFF;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13);
-  margin: 8px 6px 6px;
-  border-radius: 4px;
 }
 
 .raven > box {
@@ -8018,7 +8016,7 @@ window.background.csd.thunar scrolledwindow.frame.sidebar.shortcuts-pane treevie
 #restart_dialog {
   margin: 8px;
   border-radius: 4px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.4);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.4);
   background-color: #FFFFFF;
 }
 

melawy-gtk-theme/usr/share/themes/Melawy-round-compact/gtk-4.0/assets/scalable/check-symbolic.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="14.916666"
+     inkscape:cx="7.9776538"
+     inkscape:cy="5.1620113"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 16.091797,6.5468751 c 0.127806,-3.5e-6 0.255581,0.04855 0.353515,0.1464844 0.195869,0.1958684 0.195869,0.5111627 0,0.7070308 L 9.3730471,14.472656 c -0.02449,0.02449 -0.05035,0.04611 -0.07815,0.06443 -0.02772,0.01839 -0.05585,0.03268 -0.08593,0.04492 -0.03009,0.01224 -0.06226,0.02122 -0.09376,0.02734 -0.03149,0.0061 -0.06375,0.0098 -0.09571,0.0098 -0.03195,0 -0.06226,-0.0036 -0.09375,-0.0098 -0.03149,-0.0061 -0.06367,-0.0151 -0.09375,-0.02734 -0.03009,-0.01224 -0.05818,-0.02656 -0.08593,-0.04492 -0.01389,-0.0092 -0.02786,-0.02051 -0.04101,-0.03125 -0.01312,-0.01071 -0.02679,-0.02099 -0.03903,-0.03323 l -4.18665,-4.188623 c -0.1958683,-0.195869 -0.1958687,-0.511162 5e-7,-0.707032 0.1958681,-0.195867 0.5111624,-0.195868 0.7070307,1e-6 l 3.8331198,3.835099 6.7187499,-6.7187499 c 0.09793,-0.097934 0.225707,-0.1464831 0.353516,-0.146484 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-compact/gtk-4.0/assets/scalable/check-symbolic@2.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic@2.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="7.458333"
+     inkscape:cx="-8.9832406"
+     inkscape:cy="11.061453"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 32.183594,13.09375 c 0.255612,-7e-6 0.511162,0.0971 0.70703,0.292969 0.391738,0.391737 0.391738,1.022325 0,1.414062 l -14.14453,14.144531 c -0.04898,0.04898 -0.1007,0.09222 -0.1563,0.12886 -0.05544,0.03678 -0.1117,0.06536 -0.17186,0.08984 -0.06018,0.02448 -0.12452,0.04244 -0.18752,0.05468 -0.06298,0.0122 -0.1275,0.0196 -0.19142,0.0196 -0.0639,0 -0.12452,-0.0072 -0.1875,-0.0196 -0.06298,-0.0122 -0.12734,-0.0302 -0.1875,-0.05468 -0.06018,-0.02448 -0.11636,-0.05312 -0.17186,-0.08984 -0.02778,-0.0184 -0.05572,-0.04102 -0.08202,-0.0625 -0.02624,-0.02142 -0.05358,-0.04198 -0.07806,-0.06646 L 8.9587542,20.567966 c -0.3917366,-0.391738 -0.3917374,-1.022324 1e-6,-1.414064 0.3917362,-0.391734 1.0223248,-0.391736 1.4140618,2e-6 l 7.666239,7.670198 13.4375,-13.4375 c 0.19586,-0.195868 0.451414,-0.292966 0.707032,-0.292968 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc"
+     style="stroke-width:2" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round-compact/gtk-4.0/gtk-dark.css

@@ -155,7 +155,7 @@ popover.background.magnifier > contents, .osd {
   background-clip: padding-box;
   border-radius: 4px;
   border: none;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .osd {
@@ -1741,7 +1741,7 @@ headerbar {
   min-height: 36px;
   margin: 0;
   padding: 0;
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 headerbar:disabled {
@@ -1912,10 +1912,6 @@ headerbar.selection-mode .selection-menu {
   padding-right: 16px;
 }
 
-headerbar.selection-mode .selection-menu arrow {
-  -GtkArrow-arrow-scaling: 1;
-}
-
 headerbar.selection-mode .selection-menu .arrow {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
@@ -2386,8 +2382,8 @@ popover.background > arrow,
 popover.background > contents {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 4px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   border-radius: 6px;
   color: white;
   border: 1px solid rgba(255, 255, 255, 0.12);
@@ -2430,6 +2426,10 @@ popover.background toolbar {
   background-color: #3C3C3C;
 }
 
+popover.background list > row {
+  border-radius: 4px;
+}
+
 popover.background listview {
   margin: 0;
   padding: 0;
@@ -2499,9 +2499,8 @@ tabbar tabbox tab, notebook > header tab {
   min-height: 20px;
   min-width: 20px;
   padding: 2px 8px;
-  border-width: 1px;
+  border: 1px solid transparent;
-  border-color: transparent;
+  border-bottom: 0;
-  border-style: solid;
   outline: none;
   background-clip: padding-box;
   color: rgba(255, 255, 255, 0.7);
@@ -2766,6 +2765,11 @@ tabbar:backdrop .box > .end-action {
   filter: opacity(0.5);
 }
 
+tabbar tabbox {
+  padding: 0;
+  margin: 0;
+}
+
 tabbar tabbox > tabboxchild {
   padding: 0;
   margin: 0;
@@ -4732,7 +4736,7 @@ stackswitcher.circular button.text-button.circular {
 }
 
 .icon-dropshadow {
-  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 /*********
@@ -4881,6 +4885,10 @@ statusbar {
   margin-left: 0;
 }
 
+navigation-view-page > toolbarview > scrolledwindow > viewport > clamp > box > box > stack > button {
+  margin-top: 8px;
+}
+
 label.primary-label, label.month-name, label.secondary-label {
   font-size: 16pt;
   font-weight: bold;
@@ -4917,7 +4925,7 @@ weekgrid.current {
 }
 
 popover.events {
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   padding: 0;
 }
 
@@ -5346,7 +5354,7 @@ screenshot-carousel button,
 }
 
 .category-tile.card:hover {
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .category-tile.card.category-tile-iconless {
@@ -5857,6 +5865,14 @@ spinner.fade-in:checked {
   animation-delay: 0s, 0.5s, 0.5s;
 }
 
+window.org-gnome-TextEditor popover.open-popover > contents {
+  padding: 0;
+}
+
+window.org-gnome-TextEditor popover.open-popover > contents separator {
+  margin: 0;
+}
+
 avatar {
   border-radius: 9999px;
   font-weight: bold;
@@ -5970,7 +5986,7 @@ splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.s
 }
 
 button.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6065,7 +6081,7 @@ menubutton.destructive-action {
 }
 
 menubutton.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6190,7 +6206,7 @@ splitbutton.destructive-action {
 }
 
 splitbutton.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6278,7 +6294,7 @@ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-chi
 }
 
 statuspage.compact > scrolledwindow > viewport > box {
-  margin: 16px 4px 8 2;
+  margin: 16px 4px 8px 2px;
   border-spacing: 16px;
 }
 
@@ -6819,12 +6835,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 }
 
 .sidebar-pane banner > revealer > widget {
-  background-color: gtkmix(#3281EA, #303030, 30%);
+  background-color: mix(#3281EA,#303030,0.7);
   color: white;
 }
 
 .sidebar-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#3281EA, #303030, 30%);
+  background-color: mix(#3281EA,#303030,0.7);
 }
 
 .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget {
@@ -6978,13 +6994,13 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 
 .content-pane .sidebar-pane banner > revealer > widget,
 .sidebar-pane .content-pane banner > revealer > widget {
-  background-color: gtkmix(#3281EA, #2B2B2B, 30%);
+  background-color: mix(#3281EA,#2B2B2B,0.7);
   color: white;
 }
 
 .content-pane .sidebar-pane banner > revealer > widget:backdrop,
 .sidebar-pane .content-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#3281EA, #2B2B2B, 30%);
+  background-color: mix(#3281EA,#2B2B2B,0.7);
 }
 
 .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget,
@@ -7017,6 +7033,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
   box-shadow: none;
 }
 
+.top-bar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
 .top-bar .collapse-spacing {
   padding: 0;
 }
@@ -7171,6 +7193,143 @@ tabbox:drop(active) {
   box-shadow: none;
 }
 
+themeselector,
+panelthemeselector {
+  margin: 6px;
+}
+
+themeselector checkbutton,
+panelthemeselector checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked,
+panelthemeselector checkbutton.follow:checked,
+panelthemeselector checkbutton.light:checked,
+panelthemeselector checkbutton.dark:checked {
+  box-shadow: inset 0 0 0 2px #3281EA;
+}
+
+themeselector checkbutton.follow,
+panelthemeselector checkbutton.follow {
+  background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%);
+}
+
+themeselector checkbutton.light,
+panelthemeselector checkbutton.light {
+  background-color: #ffffff;
+}
+
+themeselector checkbutton.dark,
+panelthemeselector checkbutton.dark {
+  background-color: #202020;
+}
+
+themeselector checkbutton.theme-selector radio,
+panelthemeselector checkbutton.theme-selector radio {
+  -gtk-icon-source: none;
+  border: none;
+  background: none;
+  box-shadow: none;
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+}
+
+themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:hover,
+panelthemeselector checkbutton.theme-selector radio:active,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  background-color: transparent;
+}
+
+themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg")));
+  color: white;
+  background-color: #3281EA;
+}
+
+themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active,
+panelthemeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked:hover,
+panelthemeselector checkbutton.theme-selector radio:checked:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher {
+  padding: 4px;
+}
+
+themeswitcher .check {
+  min-height: 20px;
+  min-width: 20px;
+  background: none;
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  color: white;
+  background-color: #3281EA;
+}
+
+themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+themeswitcher checkbutton:checked {
+  box-shadow: inset 0 0 0 2px #3281EA;
+}
+
+themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active {
+  background-color: transparent;
+  border: none;
+  background: none;
+  box-shadow: none;
+  color: transparent;
+  -gtk-icon-source: none;
+  -gtk-icon-size: 0;
+}
+
+themeswitcher checkbutton.system {
+  background: linear-gradient(-45deg, #1e1e1e 50%, white 50%);
+}
+
+themeswitcher checkbutton.light {
+  color: alpha(black, 0.8);
+  background-color: white;
+}
+
+themeswitcher checkbutton.dark {
+  color: white;
+  background-color: #1e1e1e;
+}
+
+floating-sheet > dimming {
+  background-color: rgba(0, 0, 0, 0.25);
+}
+
+floating-sheet > sheet.background {
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.12), 0 0 0 36px transparent;
+}
+
 /* GTK NAMED COLORS
    ----------------
    use responsibly! */

melawy-gtk-theme/usr/share/themes/Melawy-round-compact/gtk-4.0/gtk.css

@@ -155,7 +155,7 @@ popover.background.magnifier > contents, .osd {
   background-clip: padding-box;
   border-radius: 4px;
   border: none;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .osd {
@@ -1742,7 +1742,7 @@ headerbar {
   margin: 0;
   padding: 0;
   box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
-  background-color: #2C2C2C;
+  background-color: rgba(44, 44, 44, 0.98);
 }
 
 headerbar:disabled {
@@ -1913,10 +1913,6 @@ headerbar.selection-mode .selection-menu {
   padding-right: 16px;
 }
 
-headerbar.selection-mode .selection-menu arrow {
-  -GtkArrow-arrow-scaling: 1;
-}
-
 headerbar.selection-mode .selection-menu .arrow {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
@@ -2387,12 +2383,12 @@ popover.background > arrow,
 popover.background > contents {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 4px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   border-radius: 6px;
   color: rgba(0, 0, 0, 0.87);
   border: none;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12);
 }
 
 popover.background:backdrop > arrow,
@@ -2431,6 +2427,10 @@ popover.background toolbar {
   background-color: #FFFFFF;
 }
 
+popover.background list > row {
+  border-radius: 4px;
+}
+
 popover.background listview {
   margin: 0;
   padding: 0;
@@ -2500,9 +2500,8 @@ tabbar tabbox tab, notebook > header tab {
   min-height: 20px;
   min-width: 20px;
   padding: 2px 8px;
-  border-width: 1px;
+  border: 1px solid transparent;
-  border-color: transparent;
+  border-bottom: 0;
-  border-style: solid;
   outline: none;
   background-clip: padding-box;
   color: rgba(0, 0, 0, 0.6);
@@ -2767,6 +2766,11 @@ tabbar:backdrop .box > .end-action {
   filter: opacity(0.5);
 }
 
+tabbar tabbox {
+  padding: 0;
+  margin: 0;
+}
+
 tabbar tabbox > tabboxchild {
   padding: 0;
   margin: 0;
@@ -4733,7 +4737,7 @@ stackswitcher.circular button.text-button.circular {
 }
 
 .icon-dropshadow {
-  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 /*********
@@ -4882,6 +4886,10 @@ statusbar {
   margin-left: 0;
 }
 
+navigation-view-page > toolbarview > scrolledwindow > viewport > clamp > box > box > stack > button {
+  margin-top: 8px;
+}
+
 label.primary-label, label.month-name, label.secondary-label {
   font-size: 16pt;
   font-weight: bold;
@@ -4918,7 +4926,7 @@ weekgrid.current {
 }
 
 popover.events {
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   padding: 0;
 }
 
@@ -5347,7 +5355,7 @@ screenshot-carousel button,
 }
 
 .category-tile.card:hover {
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .category-tile.card.category-tile-iconless {
@@ -5858,6 +5866,14 @@ spinner.fade-in:checked {
   animation-delay: 0s, 0.5s, 0.5s;
 }
 
+window.org-gnome-TextEditor popover.open-popover > contents {
+  padding: 0;
+}
+
+window.org-gnome-TextEditor popover.open-popover > contents separator {
+  margin: 0;
+}
+
 avatar {
   border-radius: 9999px;
   font-weight: bold;
@@ -5971,7 +5987,7 @@ splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.s
 }
 
 button.opaque {
-  background-color: gtkmix(#FFFFFF, rgba(0, 0, 0, 0.87), 85%);
+  background-color: mix(#FFFFFF,rgba(0, 0, 0, 0.87),0.15);
   color: rgba(0, 0, 0, 0.87);
 }
 
@@ -6066,7 +6082,7 @@ menubutton.destructive-action {
 }
 
 menubutton.opaque {
-  background-color: gtkmix(#FFFFFF, rgba(0, 0, 0, 0.87), 85%);
+  background-color: mix(#FFFFFF,rgba(0, 0, 0, 0.87),0.15);
   color: rgba(0, 0, 0, 0.87);
 }
 
@@ -6191,7 +6207,7 @@ splitbutton.destructive-action {
 }
 
 splitbutton.opaque {
-  background-color: gtkmix(#FFFFFF, rgba(0, 0, 0, 0.87), 85%);
+  background-color: mix(#FFFFFF,rgba(0, 0, 0, 0.87),0.15);
   color: rgba(0, 0, 0, 0.87);
 }
 
@@ -6279,7 +6295,7 @@ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-chi
 }
 
 statuspage.compact > scrolledwindow > viewport > box {
-  margin: 16px 4px 8 2;
+  margin: 16px 4px 8px 2px;
   border-spacing: 16px;
 }
 
@@ -6820,12 +6836,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 }
 
 .sidebar-pane banner > revealer > widget {
-  background-color: gtkmix(#1A73E8, #FAFAFA, 30%);
+  background-color: mix(#1A73E8,#FAFAFA,0.7);
   color: rgba(0, 0, 0, 0.87);
 }
 
 .sidebar-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#1A73E8, #FAFAFA, 30%);
+  background-color: mix(#1A73E8,#FAFAFA,0.7);
 }
 
 .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget {
@@ -6979,13 +6995,13 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 
 .content-pane .sidebar-pane banner > revealer > widget,
 .sidebar-pane .content-pane banner > revealer > widget {
-  background-color: gtkmix(#1A73E8, #FFFFFF, 30%);
+  background-color: mix(#1A73E8,#FFFFFF,0.7);
   color: rgba(0, 0, 0, 0.87);
 }
 
 .content-pane .sidebar-pane banner > revealer > widget:backdrop,
 .sidebar-pane .content-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#1A73E8, #FFFFFF, 30%);
+  background-color: mix(#1A73E8,#FFFFFF,0.7);
 }
 
 .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget,
@@ -7018,6 +7034,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
   box-shadow: none;
 }
 
+.top-bar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
 .top-bar .collapse-spacing {
   padding: 0;
 }
@@ -7172,6 +7194,143 @@ tabbox:drop(active) {
   box-shadow: none;
 }
 
+themeselector,
+panelthemeselector {
+  margin: 6px;
+}
+
+themeselector checkbutton,
+panelthemeselector checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
+}
+
+themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked,
+panelthemeselector checkbutton.follow:checked,
+panelthemeselector checkbutton.light:checked,
+panelthemeselector checkbutton.dark:checked {
+  box-shadow: inset 0 0 0 2px #1A73E8;
+}
+
+themeselector checkbutton.follow,
+panelthemeselector checkbutton.follow {
+  background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%);
+}
+
+themeselector checkbutton.light,
+panelthemeselector checkbutton.light {
+  background-color: #ffffff;
+}
+
+themeselector checkbutton.dark,
+panelthemeselector checkbutton.dark {
+  background-color: #202020;
+}
+
+themeselector checkbutton.theme-selector radio,
+panelthemeselector checkbutton.theme-selector radio {
+  -gtk-icon-source: none;
+  border: none;
+  background: none;
+  box-shadow: none;
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+}
+
+themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:hover,
+panelthemeselector checkbutton.theme-selector radio:active,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  background-color: transparent;
+}
+
+themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg")));
+  color: white;
+  background-color: #1A73E8;
+}
+
+themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active,
+panelthemeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked:hover,
+panelthemeselector checkbutton.theme-selector radio:checked:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher {
+  padding: 4px;
+}
+
+themeswitcher .check {
+  min-height: 20px;
+  min-width: 20px;
+  background: none;
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  color: white;
+  background-color: #1A73E8;
+}
+
+themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
+}
+
+themeswitcher checkbutton:checked {
+  box-shadow: inset 0 0 0 2px #1A73E8;
+}
+
+themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active {
+  background-color: transparent;
+  border: none;
+  background: none;
+  box-shadow: none;
+  color: transparent;
+  -gtk-icon-source: none;
+  -gtk-icon-size: 0;
+}
+
+themeswitcher checkbutton.system {
+  background: linear-gradient(-45deg, #1e1e1e 50%, white 50%);
+}
+
+themeswitcher checkbutton.light {
+  color: alpha(black, 0.8);
+  background-color: white;
+}
+
+themeswitcher checkbutton.dark {
+  color: white;
+  background-color: #1e1e1e;
+}
+
+floating-sheet > dimming {
+  background-color: rgba(0, 0, 0, 0.25);
+}
+
+floating-sheet > sheet.background {
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 0 36px transparent;
+}
+
 /* GTK NAMED COLORS
    ----------------
    use responsibly! */

melawy-gtk-theme/usr/share/themes/Melawy-round/cinnamon/cinnamon.css

@@ -10,7 +10,7 @@ stage {
   min-height: 24px;
   padding: 5px 32px;
   transition-duration: 100ms;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.6);
   background-color: rgba(0, 0, 0, 0.04);
 }
@@ -18,36 +18,36 @@ stage {
 .sound-button:focus {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:hover {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:hover:focus {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.26);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:active {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.26);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .sound-button:insensitive {
   color: rgba(0, 0, 0, 0.38);
   background-color: rgba(0, 0, 0, 0.04);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .notification-button, .notification-icon-button, .menu #notification .notification-button, .menu #notification .notification-icon-button, .popup-menu #notification .notification-button, .popup-menu #notification .notification-icon-button, #notification .notification-button, #notification .notification-icon-button, .calendar-today-home-button,
 .calendar-today-home-button-enabled {
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.6);
   background-color: transparent;
 }
@@ -56,28 +56,28 @@ stage {
 .calendar-today-home-button-enabled:hover {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .notification-button:active, .notification-icon-button:active, #notification .notification-button:active, #notification .notification-icon-button:active, .calendar-today-home-button:active,
 .calendar-today-home-button-enabled:active {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.26);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .notification-button:insensitive, .notification-icon-button:insensitive, #notification .notification-button:insensitive, #notification .notification-icon-button:insensitive, .calendar-today-home-button:insensitive,
 .calendar-today-home-button-enabled:insensitive {
   color: rgba(0, 0, 0, 0.26);
   background-color: transparent;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .modal-dialog-button-box .modal-dialog-button {
   min-height: 24px;
   padding: 6px 30px;
   transition-duration: 100ms;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(255, 255, 255, 0.7);
   background-color: rgba(255, 255, 255, 0.04);
 }
@@ -108,7 +108,7 @@ stage {
   selection-background-color: #1A73E8;
   selected-color: white;
   transition-duration: 300ms;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.87);
   border: 2px solid transparent;
   background-color: rgba(0, 0, 0, 0.04);
@@ -271,7 +271,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #Tooltip {
-  border-radius: 4px;
+  border-radius: 2px;
   padding: 5px 12px;
   background-color: rgba(54, 54, 54, 0.9);
   color: white;
@@ -300,8 +300,8 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-combo-menu .popup-menu-content {
   padding: 6px 0;
   color: rgba(0, 0, 0, 0.87);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
-  border-radius: 6px;
+  border-radius: 3px;
   margin: 6px;
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
 }
@@ -351,7 +351,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .popup-combo-menu .popup-menu-item {
   padding: 6px 12px;
   spacing: 12px;
-  border-radius: 4px;
+  border-radius: 2px;
   margin: 0 6px;
 }
 
@@ -395,7 +395,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 .popup-menu-boxpointer {
-  -arrow-border-radius: 4px;
+  -arrow-border-radius: 2px;
   -arrow-background-color: rgba(0, 0, 0, 0);
   -arrow-border-width: 0;
   -arrow-border-color: rgba(0, 0, 0, 0);
@@ -525,7 +525,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   font-size: 1em;
   padding: 0px;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.5), 0 0 16px rgba(0, 0, 0, 0.24);
-  background-color: #1F1F1F;
+  background-color: rgba(31, 31, 31, 0.8);
 }
 
 .panel-top .panel-button:hover,
@@ -585,7 +585,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   border: 1px solid rgba(54, 54, 54, 0.9);
   color: white;
   spacing: 25px;
-  border-radius: 4px;
+  border-radius: 2px;
   font-size: 9pt;
   padding: 5px 8px;
   -cinnamon-caption-spacing: 4px;
@@ -601,7 +601,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .expo-workspaces-name-entry,
 .expo-workspaces-name-entry#selected {
   height: 15px;
-  border-radius: 4px;
+  border-radius: 2px;
   font-size: 9pt;
   padding: 5px 8px;
   -cinnamon-caption-spacing: 4px;
@@ -624,13 +624,13 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .expo-workspace-thumbnail-frame {
   border: 4px solid rgba(255, 255, 255, 0);
   background-color: rgba(255, 255, 255, 0);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .expo-workspace-thumbnail-frame#active {
   border: 4px solid #1A73E8;
   background-color: black;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .expo-background {
@@ -730,7 +730,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .about-scrollBox {
   border: 1px solid rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: #FFFFFF;
   padding: 4px;
   padding-right: 0;
@@ -845,7 +845,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   text-align: center;
   font-size: 14px;
   color: rgba(0, 0, 0, 0.87);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .calendar-day-base {
@@ -930,7 +930,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 8px;
   min-width: 350px;
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
   background-gradient-direction: vertical;
   background-gradient-start: rgba(0, 0, 0, 0.04);
   background-gradient-end: rgba(0, 0, 0, 0.04);
@@ -940,7 +940,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .calendar-events-no-events-button {
   margin: 6px 0;
   padding: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .calendar-events-no-events-button:hover {
@@ -983,7 +983,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .calendar-event-button {
   margin: 6px 0 6px 0;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .calendar-event-button:hover {
@@ -1050,14 +1050,14 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 }
 
 #notification {
-  border-radius: 8px;
+  border-radius: 3px;
   padding: 12px;
   spacing-rows: 9px;
   spacing-columns: 9px;
   margin-from-right-edge-of-screen: 18px;
   width: 28em;
   color: rgba(0, 0, 0, 0.87);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
   margin: 7px 12px 17px 12px;
 }
@@ -1068,7 +1068,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu #notification, .popup-menu #notification {
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(0, 0, 0, 0.05);
   box-shadow: none;
   margin: 0;
@@ -1136,9 +1136,9 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .switcher-list {
   color: rgba(0, 0, 0, 0.87);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
   padding: 20px;
 }
 
@@ -1152,7 +1152,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .switcher-list .item-box {
   padding: 8px;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .switcher-list .item-box:outlined {
@@ -1226,7 +1226,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-color: rgba(46, 46, 46, 0.95);
   border: 1px solid rgba(0, 0, 0, 0.65);
   padding: 0 5px 6px 5px;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: 0 3px 8px rgba(0, 0, 0, 0.75), 0 5px 18px rgba(0, 0, 0, 0.55);
 }
 
@@ -1251,7 +1251,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .run-dialog {
   padding: 6px 12px;
   background-color: rgba(54, 54, 54, 0.9);
-  border-radius: 4px;
+  border-radius: 2px;
   color: white;
 }
 
@@ -1283,7 +1283,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .run-dialog-entry {
   width: 21em;
   padding: 3px 12px;
-  border-radius: 4px;
+  border-radius: 2px;
   caret-color: white;
   selected-color: white;
   selection-background-color: #1A73E8;
@@ -1412,7 +1412,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   min-width: 2em;
   font-size: 14pt;
   font-weight: bold;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: none;
   color: rgba(255, 255, 255, 0.7);
   background-color: rgba(255, 255, 255, 0.04);
@@ -1436,7 +1436,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .keyboard-subkeys {
   color: white;
   padding: 5px;
-  -arrow-border-radius: 4px;
+  -arrow-border-radius: 2px;
   -arrow-background-color: rgba(54, 54, 54, 0.9);
   -arrow-border-width: 1px;
   -arrow-border-color: rgba(0, 0, 0, 0.4);
@@ -1452,17 +1452,17 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   transition-duration: 300;
   background-color: rgba(0, 0, 0, 0.05);
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-favorites-button {
   padding: 9px;
   border: none;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-favorites-button:hover {
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(0, 0, 0, 0.1);
 }
 
@@ -1486,7 +1486,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu-application-button {
   padding: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
   border: none;
 }
 
@@ -1498,7 +1498,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
   padding: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
   border: none;
 }
 
@@ -1516,7 +1516,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu StScrollView.menu-application-button {
   padding: 3px 0;
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(0, 0, 0, 0.04);
   color: rgba(0, 0, 0, 0.6);
 }
@@ -1525,7 +1525,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0;
   spacing: 0;
   margin: 0 3px;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.6);
 }
 
@@ -1557,7 +1557,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 
 .menu-category-button {
   padding: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-category-button-selected {
@@ -1567,7 +1567,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .menu-category-button-hover, .menu-category-button-selected {
   color: rgba(0, 0, 0, 0.87);
   background-color: rgba(0, 0, 0, 0.12);
-  border-radius: 4px;
+  border-radius: 2px;
 }
 
 .menu-category-button-greyed {
@@ -1647,12 +1647,12 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   padding: 0;
   height: 4px;
   background-color: rgba(0, 0, 0, 0.35);
-  border-radius: 4px;
+  border-radius: 2px;
   color: #1A73E8;
 }
 
 .osd-window .level-bar {
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: #1A73E8;
 }
 
@@ -1800,7 +1800,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-gradient-direction: vertical;
   background-gradient-start: #0F9D58;
   background-gradient-end: #0F9D58;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: none;
 }
 
@@ -1814,7 +1814,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   spacing: 6px;
   border: none;
   background-color: #FFFFFF;
-  border-radius: 4px;
+  border-radius: 2px;
   color: rgba(0, 0, 0, 0.87);
   box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35), 0 3px 12px rgba(0, 0, 0, 0.16);
 }
@@ -1830,15 +1830,15 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .grouped-window-list-thumbnail-menu {
   padding: 6px;
   color: rgba(0, 0, 0, 0.87);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
-  border-radius: 6px;
+  border-radius: 3px;
   margin: 6px;
   box-shadow: 0 5px 12px rgba(0, 0, 0, 0.35);
 }
 
 .grouped-window-list-thumbnail-menu .item-box {
   padding: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
   spacing: 6px;
   margin: 1px;
 }
@@ -1923,7 +1923,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   background-gradient-direction: vertical;
   background-gradient-start: #0F9D58;
   background-gradient-end: #0F9D58;
-  border-radius: 4px;
+  border-radius: 2px;
   box-shadow: none;
 }
 
@@ -2004,7 +2004,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
 .sound-player {
   padding: 0 0;
   margin-top: 6px;
-  border-radius: 4px;
+  border-radius: 2px;
   background-color: rgba(0, 0, 0, 0.04);
   color: rgba(0, 0, 0, 0.87);
 }
@@ -2043,7 +2043,7 @@ StScrollBar StButton#vhandle:active, StScrollBar StButton#hhandle:active {
   spacing: 6px;
   background-color: rgba(0, 0, 0, 0.5);
   border: none;
-  border-radius: 0 0 4px 4px;
+  border-radius: 0 0 2px 2px;
   color: white;
 }
 

melawy-gtk-theme/usr/share/themes/Melawy-round/gnome-shell/assets/menu.svg

@@ -73,7 +73,7 @@
        d="M 14 3 C 9.0140007 3 5 7.0140007 5 12 L 5 100 C 5 104.986 9.0140007 109 14 109 L 102 109 C 106.986 109 111 104.986 111 100 L 111 12 C 111 7.0140007 106.986 3 102 3 L 14 3 z M 14 4 L 102 4 C 106.432 4 110 7.5680012 110 12 L 110 100 C 110 104.432 106.432 108 102 108 L 14 108 C 9.5680012 108 6 104.432 6 100 L 6 12 C 6 7.5680012 9.5680012 4 14 4 z "
        transform="scale(0.26458333)" />
     <rect
-       style="opacity:1;fill:#ffffff;stroke:none;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.15;paint-order:stroke fill markers;fill-opacity:1"
+       style="opacity:0.95;fill:#ffffff;stroke:none;stroke-width:0.529167;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:0.15;paint-order:stroke fill markers;fill-opacity:1"
        id="rect846"
        width="27.516666"
        height="27.516666"

melawy-gtk-theme/usr/share/themes/Melawy-round/gtk-3.0/assets/scalable/check-symbolic.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="14.916666"
+     inkscape:cx="7.9776538"
+     inkscape:cy="5.1620113"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 16.091797,6.5468751 c 0.127806,-3.5e-6 0.255581,0.04855 0.353515,0.1464844 0.195869,0.1958684 0.195869,0.5111627 0,0.7070308 L 9.3730471,14.472656 c -0.02449,0.02449 -0.05035,0.04611 -0.07815,0.06443 -0.02772,0.01839 -0.05585,0.03268 -0.08593,0.04492 -0.03009,0.01224 -0.06226,0.02122 -0.09376,0.02734 -0.03149,0.0061 -0.06375,0.0098 -0.09571,0.0098 -0.03195,0 -0.06226,-0.0036 -0.09375,-0.0098 -0.03149,-0.0061 -0.06367,-0.0151 -0.09375,-0.02734 -0.03009,-0.01224 -0.05818,-0.02656 -0.08593,-0.04492 -0.01389,-0.0092 -0.02786,-0.02051 -0.04101,-0.03125 -0.01312,-0.01071 -0.02679,-0.02099 -0.03903,-0.03323 l -4.18665,-4.188623 c -0.1958683,-0.195869 -0.1958687,-0.511162 5e-7,-0.707032 0.1958681,-0.195867 0.5111624,-0.195868 0.7070307,1e-6 l 3.8331198,3.835099 6.7187499,-6.7187499 c 0.09793,-0.097934 0.225707,-0.1464831 0.353516,-0.146484 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round/gtk-3.0/assets/scalable/check-symbolic@2.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic@2.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="7.458333"
+     inkscape:cx="-8.9832406"
+     inkscape:cy="11.061453"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 32.183594,13.09375 c 0.255612,-7e-6 0.511162,0.0971 0.70703,0.292969 0.391738,0.391737 0.391738,1.022325 0,1.414062 l -14.14453,14.144531 c -0.04898,0.04898 -0.1007,0.09222 -0.1563,0.12886 -0.05544,0.03678 -0.1117,0.06536 -0.17186,0.08984 -0.06018,0.02448 -0.12452,0.04244 -0.18752,0.05468 -0.06298,0.0122 -0.1275,0.0196 -0.19142,0.0196 -0.0639,0 -0.12452,-0.0072 -0.1875,-0.0196 -0.06298,-0.0122 -0.12734,-0.0302 -0.1875,-0.05468 -0.06018,-0.02448 -0.11636,-0.05312 -0.17186,-0.08984 -0.02778,-0.0184 -0.05572,-0.04102 -0.08202,-0.0625 -0.02624,-0.02142 -0.05358,-0.04198 -0.07806,-0.06646 L 8.9587542,20.567966 c -0.3917366,-0.391738 -0.3917374,-1.022324 1e-6,-1.414064 0.3917362,-0.391734 1.0223248,-0.391736 1.4140618,2e-6 l 7.666239,7.670198 13.4375,-13.4375 c 0.19586,-0.195868 0.451414,-0.292966 0.707032,-0.292968 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc"
+     style="stroke-width:2" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round/gtk-3.0/gtk-dark.css

@@ -1432,7 +1432,7 @@ headerbar button.titlebutton:not(.suggested-action):not(.destructive-action) {
   border-radius: 8px 8px 0 0;
   color: white;
   box-shadow: inset 0 -1px rgba(255, 255, 255, 0.12);
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 .titlebar:disabled {
@@ -1984,7 +1984,7 @@ menu,
 .context-menu {
   margin: 3px 0;
   padding: 3px 0;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   background-clip: border-box;
   border: 1px solid rgba(255, 255, 255, 0.12);
 }
@@ -2118,7 +2118,7 @@ popover,
 popover.background {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 2px;
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 3px 4px rgba(0, 0, 0, 0.08), 0 1px 6px rgba(0, 0, 0, 0.06);
   background-clip: border-box;
 }
@@ -4296,7 +4296,7 @@ popover.emoji-completion .emoji:hover {
 .nautilus-window.background.csd {
   background-color: rgba(48, 48, 48, 0.95);
   border-radius: 0 0 8px 8px;
-  background-color: #303030;
+  background-color: rgba(48, 48, 48, 0.95);
 }
 
 .nautilus-window.background.csd.unified {
@@ -4304,11 +4304,11 @@ popover.emoji-completion .emoji:hover {
 }
 
 .nautilus-window.background.csd.unified headerbar.titlebar {
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 .nautilus-window.background.csd.unified placessidebar.sidebar {
-  background-color: #303030;
+  background-color: rgba(48, 48, 48, 0.95);
 }
 
 .nautilus-window.background.csd placessidebar.sidebar, .nautilus-window.background.csd placessidebar.sidebar > viewport.frame > list > separator {
@@ -7512,8 +7512,6 @@ frame.raven-frame > border {
 .raven {
   background-color: #3C3C3C;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13);
-  margin: 8px 6px 6px;
-  border-radius: 4px;
 }
 
 .raven > box {
@@ -8013,7 +8011,7 @@ window.background.csd.thunar scrolledwindow.frame.sidebar.shortcuts-pane treevie
 #restart_dialog {
   margin: 8px;
   border-radius: 4px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.1);
   background-color: #3C3C3C;
 }
 

melawy-gtk-theme/usr/share/themes/Melawy-round/gtk-3.0/gtk.css

@@ -1433,7 +1433,7 @@ headerbar button.titlebutton:not(.suggested-action):not(.destructive-action) {
   color: white;
   box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12);
   box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
-  background-color: #2C2C2C;
+  background-color: rgba(44, 44, 44, 0.98);
 }
 
 .titlebar:disabled {
@@ -1985,7 +1985,7 @@ menu,
 .context-menu {
   margin: 3px 0;
   padding: 3px 0;
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, 0.12);
 }
@@ -2119,7 +2119,7 @@ popover,
 popover.background {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 2px;
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06), 0 3px 4px rgba(0, 0, 0, 0.08), 0 1px 6px rgba(0, 0, 0, 0.06);
   background-clip: padding-box;
 }
@@ -4297,7 +4297,7 @@ popover.emoji-completion .emoji:hover {
 .nautilus-window.background.csd {
   background-color: rgba(250, 250, 250, 0.95);
   border-radius: 0 0 8px 8px;
-  background-color: #FAFAFA;
+  background-color: rgba(250, 250, 250, 0.95);
 }
 
 .nautilus-window.background.csd.unified {
@@ -4305,11 +4305,11 @@ popover.emoji-completion .emoji:hover {
 }
 
 .nautilus-window.background.csd.unified headerbar.titlebar {
-  background-color: #2C2C2C;
+  background-color: rgba(44, 44, 44, 0.98);
 }
 
 .nautilus-window.background.csd.unified placessidebar.sidebar {
-  background-color: #FAFAFA;
+  background-color: rgba(250, 250, 250, 0.95);
 }
 
 .nautilus-window.background.csd placessidebar.sidebar, .nautilus-window.background.csd placessidebar.sidebar > viewport.frame > list > separator {
@@ -7517,8 +7517,6 @@ frame.raven-frame > border {
 .raven {
   background-color: #FFFFFF;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13);
-  margin: 8px 6px 6px;
-  border-radius: 4px;
 }
 
 .raven > box {
@@ -8018,7 +8016,7 @@ window.background.csd.thunar scrolledwindow.frame.sidebar.shortcuts-pane treevie
 #restart_dialog {
   margin: 8px;
   border-radius: 4px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.4);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1), inset 0 1px rgba(255, 255, 255, 0.4);
   background-color: #FFFFFF;
 }
 

melawy-gtk-theme/usr/share/themes/Melawy-round/gtk-4.0/assets/scalable/check-symbolic.svg

@@ -0,0 +1,43 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="20"
+   height="20"
+   version="1.1"
+   viewBox="0 0 20 20"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="14.916666"
+     inkscape:cx="7.9776538"
+     inkscape:cy="5.1620113"
+     inkscape:window-width="1920"
+     inkscape:window-height="1012"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 16.091797,6.5468751 c 0.127806,-3.5e-6 0.255581,0.04855 0.353515,0.1464844 0.195869,0.1958684 0.195869,0.5111627 0,0.7070308 L 9.3730471,14.472656 c -0.02449,0.02449 -0.05035,0.04611 -0.07815,0.06443 -0.02772,0.01839 -0.05585,0.03268 -0.08593,0.04492 -0.03009,0.01224 -0.06226,0.02122 -0.09376,0.02734 -0.03149,0.0061 -0.06375,0.0098 -0.09571,0.0098 -0.03195,0 -0.06226,-0.0036 -0.09375,-0.0098 -0.03149,-0.0061 -0.06367,-0.0151 -0.09375,-0.02734 -0.03009,-0.01224 -0.05818,-0.02656 -0.08593,-0.04492 -0.01389,-0.0092 -0.02786,-0.02051 -0.04101,-0.03125 -0.01312,-0.01071 -0.02679,-0.02099 -0.03903,-0.03323 l -4.18665,-4.188623 c -0.1958683,-0.195869 -0.1958687,-0.511162 5e-7,-0.707032 0.1958681,-0.195867 0.5111624,-0.195868 0.7070307,1e-6 l 3.8331198,3.835099 6.7187499,-6.7187499 c 0.09793,-0.097934 0.225707,-0.1464831 0.353516,-0.146484 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round/gtk-4.0/assets/scalable/check-symbolic@2.svg

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   width="40"
+   height="40"
+   version="1.1"
+   viewBox="0 0 40 40"
+   id="svg4"
+   sodipodi:docname="checkbox-checked-symbolic@2.svg"
+   inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs8" />
+  <sodipodi:namedview
+     id="namedview6"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:snap-global="false"
+     inkscape:zoom="7.458333"
+     inkscape:cx="-8.9832406"
+     inkscape:cy="11.061453"
+     inkscape:window-width="1920"
+     inkscape:window-height="1011"
+     inkscape:window-x="0"
+     inkscape:window-y="32"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg4">
+    <inkscape:grid
+       type="xygrid"
+       id="grid825" />
+  </sodipodi:namedview>
+  <path
+     id="path2"
+     d="m 32.183594,13.09375 c 0.255612,-7e-6 0.511162,0.0971 0.70703,0.292969 0.391738,0.391737 0.391738,1.022325 0,1.414062 l -14.14453,14.144531 c -0.04898,0.04898 -0.1007,0.09222 -0.1563,0.12886 -0.05544,0.03678 -0.1117,0.06536 -0.17186,0.08984 -0.06018,0.02448 -0.12452,0.04244 -0.18752,0.05468 -0.06298,0.0122 -0.1275,0.0196 -0.19142,0.0196 -0.0639,0 -0.12452,-0.0072 -0.1875,-0.0196 -0.06298,-0.0122 -0.12734,-0.0302 -0.1875,-0.05468 -0.06018,-0.02448 -0.11636,-0.05312 -0.17186,-0.08984 -0.02778,-0.0184 -0.05572,-0.04102 -0.08202,-0.0625 -0.02624,-0.02142 -0.05358,-0.04198 -0.07806,-0.06646 L 8.9587542,20.567966 c -0.3917366,-0.391738 -0.3917374,-1.022324 1e-6,-1.414064 0.3917362,-0.391734 1.0223248,-0.391736 1.4140618,2e-6 l 7.666239,7.670198 13.4375,-13.4375 c 0.19586,-0.195868 0.451414,-0.292966 0.707032,-0.292968 z"
+     sodipodi:nodetypes="cscscscscsccccsccccc"
+     style="stroke-width:2" />
+</svg>

melawy-gtk-theme/usr/share/themes/Melawy-round/gtk-4.0/gtk-dark.css

@@ -155,7 +155,7 @@ popover.background.magnifier > contents, .osd {
   background-clip: padding-box;
   border-radius: 4px;
   border: none;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .osd {
@@ -1741,7 +1741,7 @@ headerbar {
   min-height: 44px;
   margin: 0;
   padding: 0;
-  background-color: #202020;
+  background-color: rgba(32, 32, 32, 0.98);
 }
 
 headerbar:disabled {
@@ -1912,10 +1912,6 @@ headerbar.selection-mode .selection-menu {
   padding-right: 16px;
 }
 
-headerbar.selection-mode .selection-menu arrow {
-  -GtkArrow-arrow-scaling: 1;
-}
-
 headerbar.selection-mode .selection-menu .arrow {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
@@ -2386,8 +2382,8 @@ popover.background > arrow,
 popover.background > contents {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 6px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   border-radius: 6px;
   color: white;
   border: 1px solid rgba(255, 255, 255, 0.12);
@@ -2430,6 +2426,10 @@ popover.background toolbar {
   background-color: #3C3C3C;
 }
 
+popover.background list > row {
+  border-radius: 4px;
+}
+
 popover.background listview {
   margin: 0;
   padding: 0;
@@ -2499,9 +2499,8 @@ tabbar tabbox tab, notebook > header tab {
   min-height: 22px;
   min-width: 22px;
   padding: 3px 12px;
-  border-width: 1px;
+  border: 1px solid transparent;
-  border-color: transparent;
+  border-bottom: 0;
-  border-style: solid;
   outline: none;
   background-clip: padding-box;
   color: rgba(255, 255, 255, 0.7);
@@ -2766,6 +2765,11 @@ tabbar:backdrop .box > .end-action {
   filter: opacity(0.5);
 }
 
+tabbar tabbox {
+  padding: 0;
+  margin: 0;
+}
+
 tabbar tabbox > tabboxchild {
   padding: 0;
   margin: 0;
@@ -4732,7 +4736,7 @@ stackswitcher.circular button.text-button.circular {
 }
 
 .icon-dropshadow {
-  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 /*********
@@ -4881,6 +4885,10 @@ statusbar {
   margin-left: 0;
 }
 
+navigation-view-page > toolbarview > scrolledwindow > viewport > clamp > box > box > stack > button {
+  margin-top: 12px;
+}
+
 label.primary-label, label.month-name, label.secondary-label {
   font-size: 16pt;
   font-weight: bold;
@@ -4917,7 +4925,7 @@ weekgrid.current {
 }
 
 popover.events {
-  background-color: #3C3C3C;
+  background-color: rgba(60, 60, 60, 0.98);
   padding: 0;
 }
 
@@ -5346,7 +5354,7 @@ screenshot-carousel button,
 }
 
 .category-tile.card:hover {
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .category-tile.card.category-tile-iconless {
@@ -5857,6 +5865,14 @@ spinner.fade-in:checked {
   animation-delay: 0s, 0.5s, 0.5s;
 }
 
+window.org-gnome-TextEditor popover.open-popover > contents {
+  padding: 0;
+}
+
+window.org-gnome-TextEditor popover.open-popover > contents separator {
+  margin: 0;
+}
+
 avatar {
   border-radius: 9999px;
   font-weight: bold;
@@ -5970,7 +5986,7 @@ splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.s
 }
 
 button.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6065,7 +6081,7 @@ menubutton.destructive-action {
 }
 
 menubutton.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6190,7 +6206,7 @@ splitbutton.destructive-action {
 }
 
 splitbutton.opaque {
-  background-color: gtkmix(#2B2B2B, white, 85%);
+  background-color: mix(#2B2B2B,white,0.15);
   color: white;
 }
 
@@ -6278,7 +6294,7 @@ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-chi
 }
 
 statuspage.compact > scrolledwindow > viewport > box {
-  margin: 24px 6px 8 2;
+  margin: 24px 6px 8px 2px;
   border-spacing: 24px;
 }
 
@@ -6819,12 +6835,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 }
 
 .sidebar-pane banner > revealer > widget {
-  background-color: gtkmix(#3281EA, #303030, 30%);
+  background-color: mix(#3281EA,#303030,0.7);
   color: white;
 }
 
 .sidebar-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#3281EA, #303030, 30%);
+  background-color: mix(#3281EA,#303030,0.7);
 }
 
 .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget {
@@ -6978,13 +6994,13 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 
 .content-pane .sidebar-pane banner > revealer > widget,
 .sidebar-pane .content-pane banner > revealer > widget {
-  background-color: gtkmix(#3281EA, #2B2B2B, 30%);
+  background-color: mix(#3281EA,#2B2B2B,0.7);
   color: white;
 }
 
 .content-pane .sidebar-pane banner > revealer > widget:backdrop,
 .sidebar-pane .content-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#3281EA, #2B2B2B, 30%);
+  background-color: mix(#3281EA,#2B2B2B,0.7);
 }
 
 .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget,
@@ -7017,6 +7033,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
   box-shadow: none;
 }
 
+.top-bar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
 .top-bar .collapse-spacing {
   padding: 0;
 }
@@ -7171,6 +7193,143 @@ tabbox:drop(active) {
   box-shadow: none;
 }
 
+themeselector,
+panelthemeselector {
+  margin: 9px;
+}
+
+themeselector checkbutton,
+panelthemeselector checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked,
+panelthemeselector checkbutton.follow:checked,
+panelthemeselector checkbutton.light:checked,
+panelthemeselector checkbutton.dark:checked {
+  box-shadow: inset 0 0 0 2px #3281EA;
+}
+
+themeselector checkbutton.follow,
+panelthemeselector checkbutton.follow {
+  background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%);
+}
+
+themeselector checkbutton.light,
+panelthemeselector checkbutton.light {
+  background-color: #ffffff;
+}
+
+themeselector checkbutton.dark,
+panelthemeselector checkbutton.dark {
+  background-color: #202020;
+}
+
+themeselector checkbutton.theme-selector radio,
+panelthemeselector checkbutton.theme-selector radio {
+  -gtk-icon-source: none;
+  border: none;
+  background: none;
+  box-shadow: none;
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+}
+
+themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:hover,
+panelthemeselector checkbutton.theme-selector radio:active,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  background-color: transparent;
+}
+
+themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg")));
+  color: white;
+  background-color: #3281EA;
+}
+
+themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active,
+panelthemeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked:hover,
+panelthemeselector checkbutton.theme-selector radio:checked:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 20px;
+  min-width: 20px;
+  background: none;
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  color: white;
+  background-color: #3281EA;
+}
+
+themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12);
+}
+
+themeswitcher checkbutton:checked {
+  box-shadow: inset 0 0 0 2px #3281EA;
+}
+
+themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active {
+  background-color: transparent;
+  border: none;
+  background: none;
+  box-shadow: none;
+  color: transparent;
+  -gtk-icon-source: none;
+  -gtk-icon-size: 0;
+}
+
+themeswitcher checkbutton.system {
+  background: linear-gradient(-45deg, #1e1e1e 50%, white 50%);
+}
+
+themeswitcher checkbutton.light {
+  color: alpha(black, 0.8);
+  background-color: white;
+}
+
+themeswitcher checkbutton.dark {
+  color: white;
+  background-color: #1e1e1e;
+}
+
+floating-sheet > dimming {
+  background-color: rgba(0, 0, 0, 0.25);
+}
+
+floating-sheet > sheet.background {
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(255, 255, 255, 0.12), 0 0 0 36px transparent;
+}
+
 /* GTK NAMED COLORS
    ----------------
    use responsibly! */

melawy-gtk-theme/usr/share/themes/Melawy-round/gtk-4.0/gtk.css

@@ -155,7 +155,7 @@ popover.background.magnifier > contents, .osd {
   background-clip: padding-box;
   border-radius: 4px;
   border: none;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .osd {
@@ -1742,7 +1742,7 @@ headerbar {
   margin: 0;
   padding: 0;
   box-shadow: inset 0 -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1);
-  background-color: #2C2C2C;
+  background-color: rgba(44, 44, 44, 0.98);
 }
 
 headerbar:disabled {
@@ -1913,10 +1913,6 @@ headerbar.selection-mode .selection-menu {
   padding-right: 16px;
 }
 
-headerbar.selection-mode .selection-menu arrow {
-  -GtkArrow-arrow-scaling: 1;
-}
-
 headerbar.selection-mode .selection-menu .arrow {
   -gtk-icon-source: -gtk-icontheme("pan-down-symbolic");
 }
@@ -2387,12 +2383,12 @@ popover.background > arrow,
 popover.background > contents {
   transition: box-shadow 75ms cubic-bezier(0, 0, 0.2, 1);
   padding: 6px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   border-radius: 6px;
   color: rgba(0, 0, 0, 0.87);
   border: none;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.12);
 }
 
 popover.background:backdrop > arrow,
@@ -2431,6 +2427,10 @@ popover.background toolbar {
   background-color: #FFFFFF;
 }
 
+popover.background list > row {
+  border-radius: 4px;
+}
+
 popover.background listview {
   margin: 0;
   padding: 0;
@@ -2500,9 +2500,8 @@ tabbar tabbox tab, notebook > header tab {
   min-height: 22px;
   min-width: 22px;
   padding: 3px 12px;
-  border-width: 1px;
+  border: 1px solid transparent;
-  border-color: transparent;
+  border-bottom: 0;
-  border-style: solid;
   outline: none;
   background-clip: padding-box;
   color: rgba(0, 0, 0, 0.6);
@@ -2767,6 +2766,11 @@ tabbar:backdrop .box > .end-action {
   filter: opacity(0.5);
 }
 
+tabbar tabbox {
+  padding: 0;
+  margin: 0;
+}
+
 tabbar tabbox > tabboxchild {
   padding: 0;
   margin: 0;
@@ -4733,7 +4737,7 @@ stackswitcher.circular button.text-button.circular {
 }
 
 .icon-dropshadow {
-  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  -gtk-icon-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 /*********
@@ -4882,6 +4886,10 @@ statusbar {
   margin-left: 0;
 }
 
+navigation-view-page > toolbarview > scrolledwindow > viewport > clamp > box > box > stack > button {
+  margin-top: 12px;
+}
+
 label.primary-label, label.month-name, label.secondary-label {
   font-size: 16pt;
   font-weight: bold;
@@ -4918,7 +4926,7 @@ weekgrid.current {
 }
 
 popover.events {
-  background-color: #FFFFFF;
+  background-color: rgba(255, 255, 255, 0.98);
   padding: 0;
 }
 
@@ -5347,7 +5355,7 @@ screenshot-carousel button,
 }
 
 .category-tile.card:hover {
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.16), 0 1px 6px 0 rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 4px 5px rgba(0, 0, 0, 0.16), 0 1px 6px rgba(0, 0, 0, 0.1);
 }
 
 .category-tile.card.category-tile-iconless {
@@ -5858,6 +5866,14 @@ spinner.fade-in:checked {
   animation-delay: 0s, 0.5s, 0.5s;
 }
 
+window.org-gnome-TextEditor popover.open-popover > contents {
+  padding: 0;
+}
+
+window.org-gnome-TextEditor popover.open-popover > contents separator {
+  margin: 0;
+}
+
 avatar {
   border-radius: 9999px;
   font-weight: bold;
@@ -5971,7 +5987,7 @@ splitbutton.suggested-action > button:checked.keyboard-activating, splitbutton.s
 }
 
 button.opaque {
-  background-color: gtkmix(#FFFFFF, rgba(0, 0, 0, 0.87), 85%);
+  background-color: mix(#FFFFFF,rgba(0, 0, 0, 0.87),0.15);
   color: rgba(0, 0, 0, 0.87);
 }
 
@@ -6066,7 +6082,7 @@ menubutton.destructive-action {
 }
 
 menubutton.opaque {
-  background-color: gtkmix(#FFFFFF, rgba(0, 0, 0, 0.87), 85%);
+  background-color: mix(#FFFFFF,rgba(0, 0, 0, 0.87),0.15);
   color: rgba(0, 0, 0, 0.87);
 }
 
@@ -6191,7 +6207,7 @@ splitbutton.destructive-action {
 }
 
 splitbutton.opaque {
-  background-color: gtkmix(#FFFFFF, rgba(0, 0, 0, 0.87), 85%);
+  background-color: mix(#FFFFFF,rgba(0, 0, 0, 0.87),0.15);
   color: rgba(0, 0, 0, 0.87);
 }
 
@@ -6279,7 +6295,7 @@ statuspage > scrolledwindow > viewport > box > clamp > box > .icon:not(:last-chi
 }
 
 statuspage.compact > scrolledwindow > viewport > box {
-  margin: 24px 6px 8 2;
+  margin: 24px 6px 8px 2px;
   border-spacing: 24px;
 }
 
@@ -6820,12 +6836,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 }
 
 .sidebar-pane banner > revealer > widget {
-  background-color: gtkmix(#1A73E8, #FAFAFA, 30%);
+  background-color: mix(#1A73E8,#FAFAFA,0.7);
   color: rgba(0, 0, 0, 0.87);
 }
 
 .sidebar-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#1A73E8, #FAFAFA, 30%);
+  background-color: mix(#1A73E8,#FAFAFA,0.7);
 }
 
 .sidebar-pane:dir(ltr), .sidebar-pane:dir(ltr) banner > revealer > widget, .sidebar-pane.end:dir(rtl), .sidebar-pane.end:dir(rtl) banner > revealer > widget {
@@ -6979,13 +6995,13 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
 
 .content-pane .sidebar-pane banner > revealer > widget,
 .sidebar-pane .content-pane banner > revealer > widget {
-  background-color: gtkmix(#1A73E8, #FFFFFF, 30%);
+  background-color: mix(#1A73E8,#FFFFFF,0.7);
   color: rgba(0, 0, 0, 0.87);
 }
 
 .content-pane .sidebar-pane banner > revealer > widget:backdrop,
 .sidebar-pane .content-pane banner > revealer > widget:backdrop {
-  background-color: gtkmix(#1A73E8, #FFFFFF, 30%);
+  background-color: mix(#1A73E8,#FFFFFF,0.7);
 }
 
 .content-pane .sidebar-pane:dir(ltr), .content-pane .sidebar-pane:dir(ltr) banner > revealer > widget, .content-pane .sidebar-pane.end:dir(rtl), .content-pane .sidebar-pane.end:dir(rtl) banner > revealer > widget,
@@ -7018,6 +7034,12 @@ toolbarview.undershoot-bottom scrolledwindow > undershoot.bottom {
   box-shadow: none;
 }
 
+.top-bar {
+  border: none;
+  box-shadow: none;
+  background-color: transparent;
+}
+
 .top-bar .collapse-spacing {
   padding: 0;
 }
@@ -7172,6 +7194,143 @@ tabbox:drop(active) {
   box-shadow: none;
 }
 
+themeselector,
+panelthemeselector {
+  margin: 9px;
+}
+
+themeselector checkbutton,
+panelthemeselector checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
+}
+
+themeselector checkbutton.follow:checked, themeselector checkbutton.light:checked, themeselector checkbutton.dark:checked,
+panelthemeselector checkbutton.follow:checked,
+panelthemeselector checkbutton.light:checked,
+panelthemeselector checkbutton.dark:checked {
+  box-shadow: inset 0 0 0 2px #1A73E8;
+}
+
+themeselector checkbutton.follow,
+panelthemeselector checkbutton.follow {
+  background-image: linear-gradient(to bottom right, #ffffff 50%, #202020 50%);
+}
+
+themeselector checkbutton.light,
+panelthemeselector checkbutton.light {
+  background-color: #ffffff;
+}
+
+themeselector checkbutton.dark,
+panelthemeselector checkbutton.dark {
+  background-color: #202020;
+}
+
+themeselector checkbutton.theme-selector radio,
+panelthemeselector checkbutton.theme-selector radio {
+  -gtk-icon-source: none;
+  border: none;
+  background: none;
+  box-shadow: none;
+  min-height: 20px;
+  min-width: 20px;
+  padding: 0;
+}
+
+themeselector checkbutton.theme-selector radio:hover, themeselector checkbutton.theme-selector radio:active, themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:hover,
+panelthemeselector checkbutton.theme-selector radio:active,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  background-color: transparent;
+}
+
+themeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked {
+  -gtk-icon-size: 20px;
+  -gtk-icon-source: -gtk-scaled(-gtk-recolor(url("assets/scalable/check-symbolic.svg")), -gtk-recolor(url("assets/scalable/check-symbolic@2.svg")));
+  color: white;
+  background-color: #1A73E8;
+}
+
+themeselector checkbutton.theme-selector radio:checked, themeselector checkbutton.theme-selector radio:checked:hover, themeselector checkbutton.theme-selector radio:checked:active,
+panelthemeselector checkbutton.theme-selector radio:checked,
+panelthemeselector checkbutton.theme-selector radio:checked:hover,
+panelthemeselector checkbutton.theme-selector radio:checked:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher {
+  padding: 6px;
+}
+
+themeswitcher .check {
+  min-height: 20px;
+  min-width: 20px;
+  background: none;
+  padding: 0;
+  margin: 0;
+  border-radius: 9999px;
+  color: white;
+  background-color: #1A73E8;
+}
+
+themeswitcher .check, themeswitcher .check:hover, themeswitcher .check:active {
+  box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.08), 0 1px 2px 0 rgba(0, 0, 0, 0.1);
+}
+
+themeswitcher checkbutton {
+  padding: 0;
+  min-height: 44px;
+  min-width: 44px;
+  padding: 1px;
+  background-clip: content-box;
+  border-radius: 9999px;
+  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
+}
+
+themeswitcher checkbutton:checked {
+  box-shadow: inset 0 0 0 2px #1A73E8;
+}
+
+themeswitcher checkbutton radio, themeswitcher checkbutton radio:hover, themeswitcher checkbutton radio:active, themeswitcher checkbutton radio:checked, themeswitcher checkbutton radio:checked:hover, themeswitcher checkbutton radio:checked:active {
+  background-color: transparent;
+  border: none;
+  background: none;
+  box-shadow: none;
+  color: transparent;
+  -gtk-icon-source: none;
+  -gtk-icon-size: 0;
+}
+
+themeswitcher checkbutton.system {
+  background: linear-gradient(-45deg, #1e1e1e 50%, white 50%);
+}
+
+themeswitcher checkbutton.light {
+  color: alpha(black, 0.8);
+  background-color: white;
+}
+
+themeswitcher checkbutton.dark {
+  color: white;
+  background-color: #1e1e1e;
+}
+
+floating-sheet > dimming {
+  background-color: rgba(0, 0, 0, 0.25);
+}
+
+floating-sheet > sheet.background {
+  border-radius: 8px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1), 0 16px 18px rgba(0, 0, 0, 0.15), 0 11px 23px rgba(0, 0, 0, 0.13), 0 0 0 1px rgba(0, 0, 0, 0.12), 0 0 0 36px transparent;
+}
+
 /* GTK NAMED COLORS
    ----------------
    use responsibly! */

melawy-gtk-theme/usr/share/themes/Melawy-round/metacity-1/metacity-theme-2.xml

@@ -1,11 +1,11 @@
 <?xml version="1.0"?>
 <metacity_theme>
 <info>
-  <name>Melawy</name>
+  <name>Fluent</name>
   <author>vinceliucie</author>
   <copyright>GPL</copyright>
   <date>2020</date>
-  <description>Melawy Metacity theme</description>
+  <description>Fluent Metacity theme</description>
 </info>
 
 <!-- meaningful constants -->

melawy-gtk-theme/usr/share/themes/Melawy-round/metacity-1/metacity-theme-3.xml

@@ -1,11 +1,11 @@
 <?xml version="1.0"?>
 <metacity_theme>
 <info>
-  <name>Melawy-round</name>
+  <name>Fluent-round</name>
   <author>vinceliucie</author>
   <copyright>GPL</copyright>
   <date>2020</date>
-  <description>Melawy-round Metacity theme</description>
+  <description>Fluent-round Metacity theme</description>
 </info>
 
 <!-- meaningful constants -->