diff --git a/curated/abyssal-elementals.json b/curated/abyssal-elementals.json
index 3c158ca..3f80480 100644
--- a/curated/abyssal-elementals.json
+++ b/curated/abyssal-elementals.json
@@ -1,107 +1,107 @@
 {
     "name": "Abyssal Elementals",
     "variables": {
-        "accent_color": "@red_1",
-        "accent_bg_color": "@red_2",
-        "accent_fg_color": "@light_1",
-        "destructive_color": "@error_color",
-        "destructive_bg_color": "@error_bg_color",
-        "destructive_fg_color": "@error_fg_color",
-        "success_color": "@green_1",
-        "success_bg_color": "@green_2",
-        "success_fg_color": "@light_1",
-        "warning_color": "@yellow_3",
-        "warning_bg_color": "@yellow_4",
-        "warning_fg_color": "@light_1",
-        "error_color": "@purple_2",
-        "error_bg_color": "@purple_3",
-        "error_fg_color": "@light_1",
-        "window_bg_color": "@dark_5",
-        "window_fg_color": "@light_2",
-        "view_bg_color": "mix(@card_bg_color , @light_1 , .06)",
-        "view_fg_color": "@card_fg_color",
-        "headerbar_bg_color": "shade(@window_bg_color , .96)",
-        "headerbar_fg_color": "@light_1",
-        "headerbar_border_color": "@borders",
-        "headerbar_backdrop_color": "@headerbar_shade_color",
-        "headerbar_shade_color": "darker(@headerbar_bg_color)",
-        "card_bg_color": "shade(mix(@brown_5 , @window_bg_color , .24) , 1.24)",
-        "card_fg_color": "@window_fg_color",
-        "card_shade_color": "darker(@card_bg_color)",
-        "dialog_bg_color": "@card_bg_color",
-        "dialog_fg_color": "@card_fg_color",
-        "popover_bg_color": "@view_bg_color",
-        "popover_fg_color": "@view_fg_color",
-        "shade_color": "darker(@window_bg_color)",
-        "scrollbar_outline_color": "@borders"
+        "accent_color": "@\\+a",
+        "accent_bg_color": "@\\+A",
+        "accent_fg_color": "@\\+f",
+        "destructive_color": "@\\+e",
+        "destructive_bg_color": "@\\+E",
+        "destructive_fg_color": "@\\+f",
+        "success_color": "@\\+s",
+        "success_bg_color": "@\\+S",
+        "success_fg_color": "@\\+f",
+        "warning_color": "@\\+w",
+        "warning_bg_color": "@\\+W",
+        "warning_fg_color": "@\\+f",
+        "error_color": "@\\+e",
+        "error_bg_color": "@\\+E",
+        "error_fg_color": "@\\+f",
+        "window_bg_color": "@\\+g",
+        "window_fg_color": "@\\+F",
+        "view_bg_color": "@\\+v",
+        "view_fg_color": "@\\+f",
+        "headerbar_bg_color": "@h",
+        "headerbar_fg_color": "@\\+f",
+        "headerbar_border_color": "@b",
+        "headerbar_backdrop_color": "@h",
+        "headerbar_shade_color": "@H",
+        "card_bg_color": "@\\+c",
+        "card_fg_color": "@\\+f",
+        "card_shade_color": "@C",
+        "dialog_bg_color": "@d",
+        "dialog_fg_color": "@\\+f",
+        "popover_bg_color": "@\\+c",
+        "popover_fg_color": "@\\+f",
+        "shade_color": "@G",
+        "scrollbar_outline_color": "@b"
     },
     "palette": {
         "blue_": {
-            "1": "rgb(140,213,255)",
-            "2": "rgb(100,186,255)",
-            "3": "rgb(54,137,230)",
-            "4": "rgb(13,82,191)",
-            "5": "rgb(0,46,153)"
+            "1": "#8cd5ff",
+            "2": "#64baff",
+            "3": "#3689e6",
+            "4": "#0d52bf",
+            "5": "#002e99"
         },
         "green_": {
-            "1": "rgb(209,255,130)",
-            "2": "rgb(155,219,77)",
-            "3": "rgb(104,183,35)",
-            "4": "rgb(58,145,4)",
-            "5": "rgb(32,107,0)"
+            "1": "#d1ff82",
+            "2": "#9bdb4d",
+            "3": "#68b723",
+            "4": "#3a9104",
+            "5": "#206b00"
         },
         "yellow_": {
-            "1": "rgb(255,243,148)",
-            "2": "rgb(255,225,107)",
-            "3": "rgb(249,196,64)",
-            "4": "rgb(212,142,21)",
-            "5": "rgb(173,95,0)"
+            "1": "#fff394",
+            "2": "#ffe16b",
+            "3": "#f9c440",
+            "4": "#d48e15",
+            "5": "#ad5f00"
         },
         "orange_": {
-            "1": "rgb(255,194,125)",
-            "2": "rgb(255,161,84)",
-            "3": "rgb(243,115,41)",
-            "4": "rgb(204,59,2)",
-            "5": "rgb(166,33,0)"
+            "1": "#ffc27d",
+            "2": "#ffa154",
+            "3": "#f37329",
+            "4": "#cc3b02",
+            "5": "#a62100"
         },
         "red_": {
-            "1": "rgb(255,140,130)",
-            "2": "rgb(237,83,83)",
-            "3": "rgb(198,38,46)",
-            "4": "rgb(161,7,5)",
-            "5": "rgb(122,0,0)"
+            "1": "#ff8c82",
+            "2": "#ed5353",
+            "3": "#c6262e",
+            "4": "#a10705",
+            "5": "#7a0000"
         },
         "purple_": {
-            "1": "rgb(228,198,250)",
-            "2": "rgb(205,158,247)",
-            "3": "rgb(165,109,226)",
-            "4": "rgb(114,57,179)",
-            "5": "rgb(69,41,129)"
+            "1": "#e4c6fa",
+            "2": "#cd9ef7",
+            "3": "#a56de2",
+            "4": "#7239b3",
+            "5": "#452981"
         },
         "brown_": {
-            "1": "rgb(163,144,124)",
-            "2": "rgb(138,113,94)",
-            "3": "rgb(113,83,68)",
-            "4": "rgb(87,57,45)",
-            "5": "rgb(61,33,27)"
+            "1": "#a3907c",
+            "2": "#8a715e",
+            "3": "#715344",
+            "4": "#57392d",
+            "5": "#3d211b"
         },
         "light_": {
-            "1": "rgb(250,250,250)",
-            "2": "rgb(212,212,212)",
-            "3": "rgb(171,172,174)",
-            "4": "rgb(126,128,135)",
-            "5": "rgb(85,87,97)"
+            "1": "#fafafa",
+            "2": "#d4d4d4",
+            "3": "#d4d4d4",
+            "4": "#7e8087",
+            "5": "#555761"
         },
         "dark_": {
-            "1": "rgb(149,163,171)",
-            "2": "rgb(102,120,133)",
-            "3": "rgb(72,90,108)",
-            "4": "rgb(51,51,51)",
-            "5": "rgb(26,26,26)"
+            "1": "#666666",
+            "2": "#4d4d4d",
+            "3": "#333333",
+            "4": "#333333",
+            "5": "#1a1a1a"
         }
     },
     "custom_css": {
-        "gtk4": "/*\\ = Aliases = \\*/\n\n   @define-color\n      alpha   @accent_color ; @define-color\n      beta    @borders /*/ for High Contrast Mode /*/ ; @define-color\n      gamma   @destructive_color\n\n/*\\-------------+\n #    Asides    #\n +-------------\\*/\n\n;  box\n+  separator.sidebar\n+  box\n,  .sidebar-pane\n,  .navigation-sidebar\n   {  background\n      :  @view_bg_color\n\n}  box\n+  separator.sidebar\n+  box\n      headerbar\n,  .sidebar-pane\n      headerbar\n,  .navigation-sidebar\n      headerbar\n   {  background\n      :  shade(@view_bg_color , .96)\n\n/*\\--------------+\n #    Anchors    #\n +--------------\\*/\n\n}  link\n,  button.link\n   >  label\n   {  background-image : linear-gradient(\n         #0000 calc(100% - 6px)\n      ,  alpha(@beta , .6) 0\n   ); background-size : 100% calc(1em + 6px)\n\n/*\\ = Overrides = \\*/\n\n   ;  line-height : 1em\n   ;  background-origin : content-box\n   ;  background-clip : content-box\n\n}  link\n,  button.link\n,  button.link\n   >  label\n   {  text-decoration : none /*/ from Adwaita /*/\n\n/*\\------------------------+\n #    Buttons & Toggles    #\n +------------------------\\*/\n\n}  button.suggested-action\n,  switch:checked\n,  checkbutton\n   >  check:checked , checkbutton\n   >  radio:checked\n   {  box-shadow : inset 0 0 0\n         1px @alpha\n\n}  button.opaque\n   {  box-shadow : inset 0 0 0\n         1px @beta\n\n}  button.destructive-action\n   {  box-shadow : inset 0 0 0\n         1px @gamma\n\n/*\\-------------+\n #    Inputs    #\n +-------------\\*/\n\n}  textview\n,  label\n,  entry\n,  spinbutton\n   {  caret-color : @alpha /*/ from Adwaita /*/\n\n/*\\---------------+\n #     Checks     #\n +----------------+\n | Read <//uxmovement.com/forms/why-radio-buttons-and-checkboxes-cant-co-exist>\n | to understand. |\n +---------------\\*/\n\n}  :not(.selection-mode)\n   >  check , :not(.selection-mode)\n   >  radio\n   {  border-radius : 4px\n   ;  transform\n      :  rotateZ(.125turn) ; -gtk-icon-transform :\n         rotateZ(-.125turn)\n\n}  check:checked\n,  radio:checked\n   {  -gtk-icon-source : -gtk-icontheme(\n         'object-select-symbolic'",
+        "gtk4": "/*\\ = Aliases = \\*/\n\n   @define-color\n      \\+f   @light_1                                       ;  @define-color\n      \\+F   @light_2                                       ;  @define-color\n      \\+g   @dark_5                                        ;  @define-color\n      \\-f   @dark_5                                        ;  @define-color\n      \\-F   @dark_4                                        ;  @define-color\n      \\-g   @light_1                                       ;  @define-color\n   /*/*/G   shade(@window_bg_color , .82)                  ;  @define-color\n   /*/*/b   @borders /*/ [Caution] Marked as compat // [Note] Auto high contrast /*/ ; @define-color\n\n   /*/*/h   shade(@window_bg_color , .94)                  ;  @define-color\n   /*/*/H   shade(@headerbar_bg_color , .82)               ;  @define-color\n\n   /*/*/d   shade(@window_bg_color , 1.3)                  ;  @define-color\n\n      \\+v   shade(@brown_5 , 1.48)                         ;  @define-color\n      \\-v   shade(@brown_1 , 1.54)                         ;  @define-color\n\n      \\+c   shade(@brown_5 , 1.72)                         ;  @define-color\n      \\-c   shade(@brown_1 , 1.66)                         ;  @define-color\n   /*/*/C   shade(@card_bg_color , .82)                    ;  @define-color\n\n      \\+a   @red_1                                         ;  @define-color\n      \\+A   @red_2                                         ;  @define-color\n      \\-a   @red_2                                         ;  @define-color\n      \\-A   @red_1                                         ;  @define-color\n      \\+s   @green_1                                       ;  @define-color\n      \\+S   @green_2                                       ;  @define-color\n      \\-s   @green_2                                       ;  @define-color\n      \\-S   @green_1                                       ;  @define-color\n      \\+w   @yellow_3                                      ;  @define-color\n      \\+W   @yellow_4                                      ;  @define-color\n      \\-w   @yellow_4                                      ;  @define-color\n      \\-W   @yellow_3                                      ;  @define-color\n      \\+e   @purple_2                                      ;  @define-color\n      \\+E   @purple_3                                      ;  @define-color\n      \\-e   @purple_3                                      ;  @define-color\n      \\-E   @purple_2\n\n/*\\--------------+\n #    Anchors    #\n +--------------\\*/\n\n;  link\n,  button.link\n   >  label\n   {  background-image : linear-gradient( /*/ [Lookup] It is not shown until in \u201c:hocus\u201d /*/\n         #0000 calc(100% - 6px)\n      ,  alpha(@accent_color , .66) 0\n   ); background-size : 100% calc(1em + 6px) /*/ [Awaiting] \u201ctext-decoration-thickness\u201d property /*/\n   ;  line-height : 1em /*/ [Awaiting] \u201clh\u201d unit /*/\n   ;  background-origin : content-box\n   ;  background-clip : content-box\n   ;  color : inherit /*/ [Lookup] Do not work /*/\n   ;  text-decoration : none\n\n/*\\-------------+\n #    Asides    #\n +-------------\\*/\n\n;} box.vertical\n+  separator\n+  box.vertical\n,  .sidebar-pane\n,  .navigation-sidebar\n   {  color\n      :  @view_fg_color /*/ [Problem] Widget backgrounds in legacy apps while dark scheme /*/ ; background-color :\n         @view_bg_color\n\n;} box.vertical\n+  separator\n+  box.vertical\n      headerbar:not(.flat) , box.vertical + separator + box.vertical\n      tabbar:not(.inline) , box.vertical + separator + box.vertical\n      viewswitcherbar\n,  .sidebar-pane\n      headerbar:not(.flat) , .sidebar-pane\n      tabbar:not(.inline) , .sidebar-pane\n      viewswitcherbar\n,  .navigation-sidebar\n      headerbar:not(.flat) , .navigation-sidebar\n      tabbar:not(.inline) , .navigation-sidebar\n      viewswitcherbar\n   {  color\n      :  @view_fg_color ; background-color :\n         shade(@view_bg_color , .94)\n\n;} .sidebar-pane\n      .content-pane\n,  .content-pane\n      .sidebar-pane\n   {  color\n      :  @dialog_fg_color ; background-color :\n         @dialog_bg_color\n\n;} .sidebar-pane\n      .content-pane\n         headerbar:not(.flat) , .sidebar-pane .content-pane\n         tabbar:not(.inline) , .sidebar-pane .content-pane\n         viewswitcherbar\n,  .content-pane\n      .sidebar-pane\n         headerbar:not(.flat) , .content-pane .sidebar-pane\n         tabbar:not(.inline) , .content-pane .sidebar-pane\n         viewswitcherbar\n   {  color\n      :  @dialog_fg_color ; background-color :\n         shade(@dialog_bg_color , .94)\n\n/*\\--------------------+\n #    Interactables    #\n +--------------------\\*/\n\n;} button.suggested-action\n,  switch:checked\n,  checkbutton /*/ [Caution] Inappropriate descendant combinators /*/\n   >  check:checked , checkbutton\n   >  radio:checked\n   {  box-shadow : inset 0 0 0\n         1px @accent_color\n\n;} button.opaque\n   {  box-shadow : inset 0 0 0\n         1px @borders\n\n;} button.destructive-action\n   {  box-shadow : inset 0 0 0\n         1px @error_color\n\n/*\\----------------+\n #    Calendars    #\n +----------------\\*/\n\n;} .view\n   >  calendar-view /*/ [Enhancement] :has() pseudo /*/\n   {  background-color : @window_bg_color\n\n/*\\---------------+\n #     Checks     #\n +----------------+\n | Read <//uxmovement.com/forms/why-radio-buttons-and-checkboxes-cant-co-exist>\n | to understand  |\n | the motivation |\n +---------------\\*/\n\n;} :not(.selection-mode) /*/ [Awaiting] Correct \u201cchild:not(parent *)\u201d behavior /*/\n   >  check , :not(.selection-mode)\n   >  radio\n   {  border-radius : 4px\n   ;  transform /*/ [Todo] Replace with diagonal linear gradients at quarters and half radial gradients at corners /*/\n      :  rotateZ(.125turn) ; -gtk-icon-transform :\n         rotateZ(-.125turn)\n\n;} check:checked\n,  radio:checked\n   {  -gtk-icon-source : -gtk-icontheme(\n         'object-select-symbolic'\n\n/*\\-------------+\n #    Chrome    #\n +-------------\\*/\n\n);}* { caret-color : @accent_color ;}",
         "gtk3": ""
     },
     "plugins": {}
diff --git a/curated/astral-elementals.json b/curated/astral-elementals.json
index 1db231b..a84374e 100644
--- a/curated/astral-elementals.json
+++ b/curated/astral-elementals.json
@@ -1,107 +1,107 @@
 {
     "name": "Astral Elementals",
     "variables": {
-        "accent_color": "@red_2",
-        "accent_bg_color": "@red_1",
-        "accent_fg_color": "@dark_5",
-        "destructive_color": "@error_color",
-        "destructive_bg_color": "@error_bg_color",
-        "destructive_fg_color": "@error_fg_color",
-        "success_color": "@green_2",
-        "success_bg_color": "@green_1",
-        "success_fg_color": "@dark_5",
-        "warning_color": "@yellow_4",
-        "warning_bg_color": "@yellow_3",
-        "warning_fg_color": "@dark_5",
-        "error_color": "@purple_3",
-        "error_bg_color": "@purple_2",
-        "error_fg_color": "@dark_5",
-        "window_bg_color": "@light_1",
-        "window_fg_color": "@dark_4",
-        "view_bg_color": "mix(@card_bg_color , @light_1 , .06)",
-        "view_fg_color": "@card_fg_color",
-        "headerbar_bg_color": "shade(@window_bg_color , .96)",
-        "headerbar_fg_color": "@dark_5",
-        "headerbar_border_color": "@borders",
-        "headerbar_backdrop_color": "@headerbar_shade_color",
-        "headerbar_shade_color": "darker(@headerbar_bg_color)",
-        "card_bg_color": "shade(mix(@brown_1 , @window_bg_color , .24) , 1.24)",
-        "card_fg_color": "@window_fg_color",
-        "card_shade_color": "darker(@card_bg_color)",
-        "dialog_bg_color": "@card_bg_color",
-        "dialog_fg_color": "@card_fg_color",
-        "popover_bg_color": "@view_bg_color",
-        "popover_fg_color": "@view_fg_color",
-        "shade_color": "darker(@window_bg_color)",
-        "scrollbar_outline_color": "@borders"
+        "accent_color": "@\\-a",
+        "accent_bg_color": "@\\-A",
+        "accent_fg_color": "@\\-f",
+        "destructive_color": "@\\-e",
+        "destructive_bg_color": "@\\-E",
+        "destructive_fg_color": "@\\-f",
+        "success_color": "@\\-s",
+        "success_bg_color": "@\\-S",
+        "success_fg_color": "@\\-f",
+        "warning_color": "@\\-w",
+        "warning_bg_color": "@\\-W",
+        "warning_fg_color": "@\\-f",
+        "error_color": "@\\-e",
+        "error_bg_color": "@\\-E",
+        "error_fg_color": "@\\-f",
+        "window_bg_color": "@\\-g",
+        "window_fg_color": "@\\-F",
+        "view_bg_color": "@\\-v",
+        "view_fg_color": "@\\-f",
+        "headerbar_bg_color": "@h",
+        "headerbar_fg_color": "@\\-f",
+        "headerbar_border_color": "@b",
+        "headerbar_backdrop_color": "@h",
+        "headerbar_shade_color": "@H",
+        "card_bg_color": "@\\-c",
+        "card_fg_color": "@\\-f",
+        "card_shade_color": "@C",
+        "dialog_bg_color": "@d",
+        "dialog_fg_color": "@\\-f",
+        "popover_bg_color": "@\\-c",
+        "popover_fg_color": "@\\-f",
+        "shade_color": "@G",
+        "scrollbar_outline_color": "@b"
     },
     "palette": {
         "blue_": {
-            "1": "rgb(140,213,255)",
-            "2": "rgb(100,186,255)",
-            "3": "rgb(54,137,230)",
-            "4": "rgb(13,82,191)",
-            "5": "rgb(0,46,153)"
+            "1": "#8cd5ff",
+            "2": "#64baff",
+            "3": "#3689e6",
+            "4": "#0d52bf",
+            "5": "#002e99"
         },
         "green_": {
-            "1": "rgb(137,255,221)",
-            "2": "rgb(67,214,181)",
-            "3": "rgb(40,188,163)",
-            "4": "rgb(14,154,131)",
-            "5": "rgb(0,115,103)"
+            "1": "#89ffdd",
+            "2": "#43d6b5",
+            "3": "#28bca3",
+            "4": "#0e9a83",
+            "5": "#007367"
         },
         "yellow_": {
-            "1": "rgb(255,243,148)",
-            "2": "rgb(255,225,107)",
-            "3": "rgb(249,196,64)",
-            "4": "rgb(212,142,21)",
-            "5": "rgb(173,95,0)"
+            "1": "#fff394",
+            "2": "#ffe16b",
+            "3": "#f9c440",
+            "4": "#d48e15",
+            "5": "#ad5f00"
         },
         "orange_": {
-            "1": "rgb(255,194,125)",
-            "2": "rgb(255,161,84)",
-            "3": "rgb(243,115,41)",
-            "4": "rgb(204,59,2)",
-            "5": "rgb(166,33,0)"
+            "1": "#ffc27d",
+            "2": "#ffa154",
+            "3": "#f37329",
+            "4": "#cc3b02",
+            "5": "#a62100"
         },
         "red_": {
-            "1": "rgb(254,154,184)",
-            "2": "rgb(244,103,157)",
-            "3": "rgb(222,62,128)",
-            "4": "rgb(188,36,93)",
-            "5": "rgb(145,14,56)"
+            "1": "#fe9ab8",
+            "2": "#f4679d",
+            "3": "#de3e80",
+            "4": "#bc245d",
+            "5": "#910e38"
         },
         "purple_": {
-            "1": "rgb(228,198,250)",
-            "2": "rgb(205,158,247)",
-            "3": "rgb(165,109,226)",
-            "4": "rgb(114,57,179)",
-            "5": "rgb(69,41,129)"
+            "1": "#e4c6fa",
+            "2": "#cd9ef7",
+            "3": "#a56de2",
+            "4": "#7239b3",
+            "5": "#452981"
         },
         "brown_": {
-            "1": "rgb(163,144,124)",
-            "2": "rgb(138,113,94)",
-            "3": "rgb(113,83,68)",
-            "4": "rgb(87,57,45)",
-            "5": "rgb(61,33,27)"
+            "1": "#a3907c",
+            "2": "#8a715e",
+            "3": "#715344",
+            "4": "#57392d",
+            "5": "#3d211b"
         },
         "light_": {
-            "1": "rgb(250,250,250)",
-            "2": "rgb(212,212,212)",
-            "3": "rgb(171,172,174)",
-            "4": "rgb(126,128,135)",
-            "5": "rgb(85,87,97)"
+            "1": "#fafafa",
+            "2": "#d4d4d4",
+            "3": "#d4d4d4",
+            "4": "#7e8087",
+            "5": "#555761"
         },
         "dark_": {
-            "1": "rgb(149,163,171)",
-            "2": "rgb(102,120,133)",
-            "3": "rgb(72,90,108)",
-            "4": "rgb(51,51,51)",
-            "5": "rgb(26,26,26)"
+            "1": "#666666",
+            "2": "#4d4d4d",
+            "3": "#333333",
+            "4": "#333333",
+            "5": "#1a1a1a"
         }
     },
     "custom_css": {
-        "gtk4": "/*\\ = Aliases = \\*/\n\n   @define-color\n      alpha   @accent_color ; @define-color\n      beta    @borders /*/ for High Contrast Mode /*/ ; @define-color\n      gamma   @destructive_color\n\n/*\\-------------+\n #    Asides    #\n +-------------\\*/\n\n;  box\n+  separator.sidebar\n+  box\n,  .sidebar-pane\n,  .navigation-sidebar\n   {  background\n      :  @view_bg_color\n\n}  box\n+  separator.sidebar\n+  box\n      headerbar\n,  .sidebar-pane\n      headerbar\n,  .navigation-sidebar\n      headerbar\n   {  background\n      :  shade(@view_bg_color , .96)\n\n/*\\--------------+\n #    Anchors    #\n +--------------\\*/\n\n}  link\n,  button.link\n   >  label\n   {  background-image : linear-gradient(\n         #0000 calc(100% - 6px)\n      ,  alpha(@beta , .6) 0\n   ); background-size : 100% calc(1em + 6px)\n\n/*\\ = Overrides = \\*/\n\n   ;  line-height : 1em\n   ;  background-origin : content-box\n   ;  background-clip : content-box\n\n}  link\n,  button.link\n,  button.link\n   >  label\n   {  text-decoration : none /*/ from Adwaita /*/\n\n/*\\------------------------+\n #    Buttons & Toggles    #\n +------------------------\\*/\n\n}  button.suggested-action\n,  switch:checked\n,  checkbutton\n   >  check:checked , checkbutton\n   >  radio:checked\n   {  box-shadow : inset 0 0 0\n         1px @alpha\n\n}  button.opaque\n   {  box-shadow : inset 0 0 0\n         1px @beta\n\n}  button.destructive-action\n   {  box-shadow : inset 0 0 0\n         1px @gamma\n\n/*\\-------------+\n #    Inputs    #\n +-------------\\*/\n\n}  textview\n,  label\n,  entry\n,  spinbutton\n   {  caret-color : @alpha /*/ from Adwaita /*/\n\n/*\\---------------+\n #     Checks     #\n +----------------+\n | Read <//uxmovement.com/forms/why-radio-buttons-and-checkboxes-cant-co-exist>\n | to understand. |\n +---------------\\*/\n\n}  :not(.selection-mode)\n   >  check , :not(.selection-mode)\n   >  radio\n   {  border-radius : 4px\n   ;  transform\n      :  rotateZ(.125turn) ; -gtk-icon-transform :\n         rotateZ(-.125turn)\n\n}  check:checked\n,  radio:checked\n   {  -gtk-icon-source : -gtk-icontheme(\n         'object-select-symbolic'",
+        "gtk4": "/*\\ = Aliases = \\*/\n\n   @define-color\n      \\+f   @light_1                                       ;  @define-color\n      \\+F   @light_2                                       ;  @define-color\n      \\+g   @dark_5                                        ;  @define-color\n      \\-f   @dark_5                                        ;  @define-color\n      \\-F   @dark_4                                        ;  @define-color\n      \\-g   @light_1                                       ;  @define-color\n   /*/*/G   shade(@window_bg_color , .82)                  ;  @define-color\n   /*/*/b   @borders /*/ [Caution] Marked as compat // [Note] Auto high contrast /*/ ; @define-color\n\n   /*/*/h   shade(@window_bg_color , .94)                  ;  @define-color\n   /*/*/H   shade(@headerbar_bg_color , .82)               ;  @define-color\n\n   /*/*/d   shade(@window_bg_color , 1.3)                  ;  @define-color\n\n      \\+v   shade(@brown_5 , 1.48)                         ;  @define-color\n      \\-v   shade(@brown_1 , 1.54)                         ;  @define-color\n\n      \\+c   shade(@brown_5 , 1.72)                         ;  @define-color\n      \\-c   shade(@brown_1 , 1.66)                         ;  @define-color\n   /*/*/C   shade(@card_bg_color , .82)                    ;  @define-color\n\n      \\+a   @red_1                                         ;  @define-color\n      \\+A   @red_2                                         ;  @define-color\n      \\-a   @red_2                                         ;  @define-color\n      \\-A   @red_1                                         ;  @define-color\n      \\+s   @green_1                                       ;  @define-color\n      \\+S   @green_2                                       ;  @define-color\n      \\-s   @green_2                                       ;  @define-color\n      \\-S   @green_1                                       ;  @define-color\n      \\+w   @yellow_3                                      ;  @define-color\n      \\+W   @yellow_4                                      ;  @define-color\n      \\-w   @yellow_4                                      ;  @define-color\n      \\-W   @yellow_3                                      ;  @define-color\n      \\+e   @purple_2                                      ;  @define-color\n      \\+E   @purple_3                                      ;  @define-color\n      \\-e   @purple_3                                      ;  @define-color\n      \\-E   @purple_2\n\n/*\\--------------+\n #    Anchors    #\n +--------------\\*/\n\n;  link\n,  button.link\n   >  label\n   {  background-image : linear-gradient( /*/ [Lookup] It is not shown until in \u201c:hocus\u201d /*/\n         #0000 calc(100% - 6px)\n      ,  alpha(@accent_color , .66) 0\n   ); background-size : 100% calc(1em + 6px) /*/ [Awaiting] \u201ctext-decoration-thickness\u201d property /*/\n   ;  line-height : 1em /*/ [Awaiting] \u201clh\u201d unit /*/\n   ;  background-origin : content-box\n   ;  background-clip : content-box\n   ;  color : inherit /*/ [Lookup] Do not work /*/\n   ;  text-decoration : none\n\n/*\\-------------+\n #    Asides    #\n +-------------\\*/\n\n;} box.vertical\n+  separator\n+  box.vertical\n,  .sidebar-pane\n,  .navigation-sidebar\n   {  color\n      :  @view_fg_color /*/ [Problem] Widget backgrounds in legacy apps while dark scheme /*/ ; background-color :\n         @view_bg_color\n\n;} box.vertical\n+  separator\n+  box.vertical\n      headerbar:not(.flat) , box.vertical + separator + box.vertical\n      tabbar:not(.inline) , box.vertical + separator + box.vertical\n      viewswitcherbar\n,  .sidebar-pane\n      headerbar:not(.flat) , .sidebar-pane\n      tabbar:not(.inline) , .sidebar-pane\n      viewswitcherbar\n,  .navigation-sidebar\n      headerbar:not(.flat) , .navigation-sidebar\n      tabbar:not(.inline) , .navigation-sidebar\n      viewswitcherbar\n   {  color\n      :  @view_fg_color ; background-color :\n         shade(@view_bg_color , .94)\n\n;} .sidebar-pane\n      .content-pane\n,  .content-pane\n      .sidebar-pane\n   {  color\n      :  @dialog_fg_color ; background-color :\n         @dialog_bg_color\n\n;} .sidebar-pane\n      .content-pane\n         headerbar:not(.flat) , .sidebar-pane .content-pane\n         tabbar:not(.inline) , .sidebar-pane .content-pane\n         viewswitcherbar\n,  .content-pane\n      .sidebar-pane\n         headerbar:not(.flat) , .content-pane .sidebar-pane\n         tabbar:not(.inline) , .content-pane .sidebar-pane\n         viewswitcherbar\n   {  color\n      :  @dialog_fg_color ; background-color :\n         shade(@dialog_bg_color , .94)\n\n/*\\--------------------+\n #    Interactables    #\n +--------------------\\*/\n\n;} button.suggested-action\n,  switch:checked\n,  checkbutton /*/ [Caution] Inappropriate descendant combinators /*/\n   >  check:checked , checkbutton\n   >  radio:checked\n   {  box-shadow : inset 0 0 0\n         1px @accent_color\n\n;} button.opaque\n   {  box-shadow : inset 0 0 0\n         1px @borders\n\n;} button.destructive-action\n   {  box-shadow : inset 0 0 0\n         1px @error_color\n\n/*\\----------------+\n #    Calendars    #\n +----------------\\*/\n\n;} .view\n   >  calendar-view /*/ [Enhancement] :has() pseudo /*/\n   {  background-color : @window_bg_color\n\n/*\\---------------+\n #     Checks     #\n +----------------+\n | Read <//uxmovement.com/forms/why-radio-buttons-and-checkboxes-cant-co-exist>\n | to understand  |\n | the motivation |\n +---------------\\*/\n\n;} :not(.selection-mode) /*/ [Awaiting] Correct \u201cchild:not(parent *)\u201d behavior /*/\n   >  check , :not(.selection-mode)\n   >  radio\n   {  border-radius : 4px\n   ;  transform /*/ [Todo] Replace with diagonal linear gradients at quarters and half radial gradients at corners /*/\n      :  rotateZ(.125turn) ; -gtk-icon-transform :\n         rotateZ(-.125turn)\n\n;} check:checked\n,  radio:checked\n   {  -gtk-icon-source : -gtk-icontheme(\n         'object-select-symbolic'\n\n/*\\-------------+\n #    Chrome    #\n +-------------\\*/\n\n);}* { caret-color : @accent_color ;}",
         "gtk3": ""
     },
     "plugins": {}