Styles: export css style palette variables

lib/Styles/Common/_palette.scss

@@ -129,6 +129,139 @@ $BLACK_400: mix($BLACK_300, $BLACK_500, 50%);
 $BLACK_600: mix($BLACK_500, $BLACK_700, 50%);
 $BLACK_800: mix($BLACK_700, $BLACK_900, 50%);
 
+// Exported CSS
+:root {
+    --STRAWBERRY_100: #{$STRAWBERRY_100};
+    --STRAWBERRY_200: #{$STRAWBERRY_200};
+    --STRAWBERRY_300: #{$STRAWBERRY_300};
+    --STRAWBERRY_400: #{$STRAWBERRY_400};
+    --STRAWBERRY_500: #{$STRAWBERRY_500};
+    --STRAWBERRY_600: #{$STRAWBERRY_600};
+    --STRAWBERRY_700: #{$STRAWBERRY_700};
+    --STRAWBERRY_800: #{$STRAWBERRY_800};
+    --STRAWBERRY_900: #{$STRAWBERRY_900};
+
+    --ORANGE_100: #{$ORANGE_100};
+    --ORANGE_200: #{$ORANGE_200};
+    --ORANGE_300: #{$ORANGE_300};
+    --ORANGE_400: #{$ORANGE_400};
+    --ORANGE_500: #{$ORANGE_500};
+    --ORANGE_600: #{$ORANGE_600};
+    --ORANGE_700: #{$ORANGE_700};
+    --ORANGE_800: #{$ORANGE_800};
+    --ORANGE_900: #{$ORANGE_900};
+
+    --BANANA_100: #{$BANANA_100};
+    --BANANA_200: #{$BANANA_200};
+    --BANANA_300: #{$BANANA_300};
+    --BANANA_400: #{$BANANA_400};
+    --BANANA_500: #{$BANANA_500};
+    --BANANA_600: #{$BANANA_600};
+    --BANANA_700: #{$BANANA_700};
+    --BANANA_800: #{$BANANA_800};
+    --BANANA_900: #{$BANANA_900};
+
+    --LIME_100: #{$LIME_100};
+    --LIME_200: #{$LIME_200};
+    --LIME_300: #{$LIME_300};
+    --LIME_400: #{$LIME_400};
+    --LIME_500: #{$LIME_500};
+    --LIME_600: #{$LIME_600};
+    --LIME_700: #{$LIME_700};
+    --LIME_800: #{$LIME_800};
+    --LIME_900: #{$LIME_900};
+
+    --MINT_100: #{$MINT_100};
+    --MINT_200: #{$MINT_200};
+    --MINT_300: #{$MINT_300};
+    --MINT_400: #{$MINT_400};
+    --MINT_500: #{$MINT_500};
+    --MINT_600: #{$MINT_600};
+    --MINT_700: #{$MINT_700};
+    --MINT_800: #{$MINT_800};
+    --MINT_900: #{$MINT_900};
+
+    --BLUEBERRY_100: #{$BLUEBERRY_100};
+    --BLUEBERRY_200: #{$BLUEBERRY_200};
+    --BLUEBERRY_300: #{$BLUEBERRY_300};
+    --BLUEBERRY_400: #{$BLUEBERRY_400};
+    --BLUEBERRY_500: #{$BLUEBERRY_500};
+    --BLUEBERRY_600: #{$BLUEBERRY_600};
+    --BLUEBERRY_700: #{$BLUEBERRY_700};
+    --BLUEBERRY_800: #{$BLUEBERRY_800};
+    --BLUEBERRY_900: #{$BLUEBERRY_900};
+
+    --GRAPE_100: #{$GRAPE_100};
+    --GRAPE_200: #{$GRAPE_200};
+    --GRAPE_300: #{$GRAPE_300};
+    --GRAPE_400: #{$GRAPE_400};
+    --GRAPE_500: #{$GRAPE_500};
+    --GRAPE_600: #{$GRAPE_600};
+    --GRAPE_700: #{$GRAPE_700};
+    --GRAPE_800: #{$GRAPE_800};
+    --GRAPE_900: #{$GRAPE_900};
+
+    --BUBBLEGUM_100: #{$BUBBLEGUM_100};
+    --BUBBLEGUM_200: #{$BUBBLEGUM_200};
+    --BUBBLEGUM_300: #{$BUBBLEGUM_300};
+    --BUBBLEGUM_400: #{$BUBBLEGUM_400};
+    --BUBBLEGUM_500: #{$BUBBLEGUM_500};
+    --BUBBLEGUM_600: #{$BUBBLEGUM_600};
+    --BUBBLEGUM_700: #{$BUBBLEGUM_700};
+    --BUBBLEGUM_800: #{$BUBBLEGUM_800};
+    --BUBBLEGUM_900: #{$BUBBLEGUM_900};
+
+    --LATTE_100: #{$LATTE_100};
+    --LATTE_200: #{$LATTE_200};
+    --LATTE_300: #{$LATTE_300};
+    --LATTE_400: #{$LATTE_400};
+    --LATTE_500: #{$LATTE_500};
+    --LATTE_600: #{$LATTE_600};
+    --LATTE_700: #{$LATTE_700};
+    --LATTE_800: #{$LATTE_800};
+    --LATTE_900: #{$LATTE_900};
+
+    --COCOA_100: #{$COCOA_100};
+    --COCOA_200: #{$COCOA_200};
+    --COCOA_300: #{$COCOA_300};
+    --COCOA_400: #{$COCOA_400};
+    --COCOA_500: #{$COCOA_500};
+    --COCOA_600: #{$COCOA_600};
+    --COCOA_700: #{$COCOA_700};
+    --COCOA_800: #{$COCOA_800};
+    --COCOA_900: #{$COCOA_900};
+
+    --SILVER_100: #{$SILVER_100};
+    --SILVER_200: #{$SILVER_200};
+    --SILVER_300: #{$SILVER_300};
+    --SILVER_400: #{$SILVER_400};
+    --SILVER_500: #{$SILVER_500};
+    --SILVER_600: #{$SILVER_600};
+    --SILVER_700: #{$SILVER_700};
+    --SILVER_800: #{$SILVER_800};
+    --SILVER_900: #{$SILVER_900};
+
+    --SLATE_100: #{$SLATE_100};
+    --SLATE_200: #{$SLATE_200};
+    --SLATE_300: #{$SLATE_300};
+    --SLATE_400: #{$SLATE_400};
+    --SLATE_500: #{$SLATE_500};
+    --SLATE_600: #{$SLATE_600};
+    --SLATE_700: #{$SLATE_700};
+    --SLATE_800: #{$SLATE_800};
+    --SLATE_900: #{$SLATE_900};
+
+    --BLACK_100: #{$BLACK_100};
+    --BLACK_200: #{$BLACK_200};
+    --BLACK_300: #{$BLACK_300};
+    --BLACK_400: #{$BLACK_400};
+    --BLACK_500: #{$BLACK_500};
+    --BLACK_600: #{$BLACK_600};
+    --BLACK_700: #{$BLACK_700};
+    --BLACK_800: #{$BLACK_800};
+    --BLACK_900: #{"" + $BLACK_900};
+}
+
 // Exported Gtk
 @define-color STRAWBERRY_100 #{$STRAWBERRY_100};
 @define-color STRAWBERRY_300 #{$STRAWBERRY_300};

meson.build

@@ -57,7 +57,7 @@ libgranite_deps = [
     gio_os_dep,
     dependency('glib-2.0', version: '>=' + glib_min_version),
     dependency('gobject-2.0', version: '>=' + glib_min_version),
-    dependency('gtk4', version: '>=4.12'),
+    dependency('gtk4', version: '>=4.22'),
 ]
 
 pkgconfig = import('pkgconfig')