feat(tera): nitro icon colour in youtab + spoiler text and background…

… colour + add answer in polls UI + m3 components (#47) * Add forum post card tag backgrounds * Change nitro icon colour in youtab *Add spoiler text/image background and add option in polls UI *Fix md3 component colours
catppuccin · Nov 19, 2024 · 8ebe781 · 8ebe781
1 parent b15fbe6
commit 8ebe781
Show file tree

Hide file tree

Showing 57 changed files with 399 additions and 171 deletions.
diff --git a/react_native.tera b/react_native.tera
@@ -71,6 +71,7 @@ whiskers:
     "BRAND_360": "{{ accent.hex }}",
     "BRAND_500": "{{ accent.hex }}",
     "BRAND_560": "{{ accent.hex }}", {# reaction outline #}
+    "BRAND_630": "{{ surface0.hex }}", 
     "BRAND_730": "{{ base.hex }}", 
     "BLUE_260": "{{ accent.hex }}",
     "BLUE_300": "{{ accent.hex }}",
@@ -88,7 +89,7 @@ whiskers:
     "BLUE_660": "{{ accent.hex }}",
     "BLUE_700": "{{ accent.hex }}",
     "PRIMARY_100": "{{ text.hex }}",
-    "PRIMARY_200": "{{ crust.hex }}",
+    "PRIMARY_200": "{{ text.hex }}",
     "PRIMARY_300": "{{ base.hex }}",
     "PRIMARY_360": "{{ mauve.hex }}",
     "PRIMARY_400": "{{ surface2.hex }}",
@@ -98,16 +99,18 @@ whiskers:
     "PRIMARY_630": "{{ surface0.hex }}",
     "PRIMARY_660": "{{ crust.hex }}",
     "PRIMARY_700": "{{ crust.hex }}",
-    "PRIMARY_730": "{{ text.hex }}",
+    "PRIMARY_730": "{{ crust.hex }}",
     "PRIMARY_800": "{{ mantle.hex }}",
     "PLUM_10": "{{ overlay2.hex }}",
     "PLUM_13": "{{ overlay0.hex }}",
+    "PLUM_14": "{{ surface2.hex }}",
     "PLUM_15": "{{ surface1.hex }}",
     "PLUM_16": "{{ surface0.hex }}",
     "PLUM_17": "{{ crust.hex }}",
     "PLUM_18": "{{ surface0.hex }}",
     "PLUM_19": "{{ surface0.hex }}",
     "PLUM_20": "{{ mantle.hex }}",
+    "PLUM_21": "{{ mantle.hex }}",
     "PLUM_22": "{{ crust.hex }}",
     "PLUM_3": "{{ text.hex }}",
     "PLUM_4": "{{ accent.hex }}",
@@ -241,7 +244,8 @@ whiskers:
       "ic_add_text": "{{ overlay2.hex }}",
       "ic_at": "{{ overlay2.hex }}",
       "ic_download_24px": "{{ text.hex }}",
-      "ic_overflow_android": "{{ text.hex }}" 
+      "ic_overflow_android": "{{ text.hex }}",
+      "ic_nitro_rep_24px": "{{ overlay2.hex }}"
     }
   },
     "spec": 2

diff --git a/themes/frappe/blue.json b/themes/frappe/blue.json
@@ -58,6 +58,7 @@
     "BRAND_360": "#8caaee",
     "BRAND_500": "#8caaee",
     "BRAND_560": "#8caaee", 
+    "BRAND_630": "#414559", 
     "BRAND_730": "#303446", 
     "BLUE_260": "#8caaee",
     "BLUE_300": "#8caaee",
@@ -75,7 +76,7 @@
     "BLUE_660": "#8caaee",
     "BLUE_700": "#8caaee",
     "PRIMARY_100": "#c6d0f5",
-    "PRIMARY_200": "#232634",
+    "PRIMARY_200": "#c6d0f5",
     "PRIMARY_300": "#303446",
     "PRIMARY_360": "#ca9ee6",
     "PRIMARY_400": "#626880",
@@ -85,16 +86,18 @@
     "PRIMARY_630": "#414559",
     "PRIMARY_660": "#232634",
     "PRIMARY_700": "#232634",
-    "PRIMARY_730": "#c6d0f5",
+    "PRIMARY_730": "#232634",
     "PRIMARY_800": "#292c3c",
     "PLUM_10": "#949cbb",
     "PLUM_13": "#737994",
+    "PLUM_14": "#626880",
     "PLUM_15": "#51576d",
     "PLUM_16": "#414559",
     "PLUM_17": "#232634",
     "PLUM_18": "#414559",
     "PLUM_19": "#414559",
     "PLUM_20": "#292c3c",
+    "PLUM_21": "#292c3c",
     "PLUM_22": "#232634",
     "PLUM_3": "#c6d0f5",
     "PLUM_4": "#8caaee",
@@ -228,7 +231,8 @@
       "ic_add_text": "#949cbb",
       "ic_at": "#949cbb",
       "ic_download_24px": "#c6d0f5",
-      "ic_overflow_android": "#c6d0f5" 
+      "ic_overflow_android": "#c6d0f5",
+      "ic_nitro_rep_24px": "#949cbb"
     }
   },
     "spec": 2

diff --git a/themes/frappe/flamingo.json b/themes/frappe/flamingo.json
@@ -58,6 +58,7 @@
     "BRAND_360": "#eebebe",
     "BRAND_500": "#eebebe",
     "BRAND_560": "#eebebe", 
+    "BRAND_630": "#414559", 
     "BRAND_730": "#303446", 
     "BLUE_260": "#eebebe",
     "BLUE_300": "#eebebe",
@@ -75,7 +76,7 @@
     "BLUE_660": "#eebebe",
     "BLUE_700": "#eebebe",
     "PRIMARY_100": "#c6d0f5",
-    "PRIMARY_200": "#232634",
+    "PRIMARY_200": "#c6d0f5",
     "PRIMARY_300": "#303446",
     "PRIMARY_360": "#ca9ee6",
     "PRIMARY_400": "#626880",
@@ -85,16 +86,18 @@
     "PRIMARY_630": "#414559",
     "PRIMARY_660": "#232634",
     "PRIMARY_700": "#232634",
-    "PRIMARY_730": "#c6d0f5",
+    "PRIMARY_730": "#232634",
     "PRIMARY_800": "#292c3c",
     "PLUM_10": "#949cbb",
     "PLUM_13": "#737994",
+    "PLUM_14": "#626880",
     "PLUM_15": "#51576d",
     "PLUM_16": "#414559",
     "PLUM_17": "#232634",
     "PLUM_18": "#414559",
     "PLUM_19": "#414559",
     "PLUM_20": "#292c3c",
+    "PLUM_21": "#292c3c",
     "PLUM_22": "#232634",
     "PLUM_3": "#c6d0f5",
     "PLUM_4": "#eebebe",
@@ -228,7 +231,8 @@
       "ic_add_text": "#949cbb",
       "ic_at": "#949cbb",
       "ic_download_24px": "#c6d0f5",
-      "ic_overflow_android": "#c6d0f5" 
+      "ic_overflow_android": "#c6d0f5",
+      "ic_nitro_rep_24px": "#949cbb"
     }
   },
     "spec": 2

diff --git a/themes/frappe/green.json b/themes/frappe/green.json
@@ -58,6 +58,7 @@
     "BRAND_360": "#a6d189",
     "BRAND_500": "#a6d189",
     "BRAND_560": "#a6d189", 
+    "BRAND_630": "#414559", 
     "BRAND_730": "#303446", 
     "BLUE_260": "#a6d189",
     "BLUE_300": "#a6d189",
@@ -75,7 +76,7 @@
     "BLUE_660": "#a6d189",
     "BLUE_700": "#a6d189",
     "PRIMARY_100": "#c6d0f5",
-    "PRIMARY_200": "#232634",
+    "PRIMARY_200": "#c6d0f5",
     "PRIMARY_300": "#303446",
     "PRIMARY_360": "#ca9ee6",
     "PRIMARY_400": "#626880",
@@ -85,16 +86,18 @@
     "PRIMARY_630": "#414559",
     "PRIMARY_660": "#232634",
     "PRIMARY_700": "#232634",
-    "PRIMARY_730": "#c6d0f5",
+    "PRIMARY_730": "#232634",
     "PRIMARY_800": "#292c3c",
     "PLUM_10": "#949cbb",
     "PLUM_13": "#737994",
+    "PLUM_14": "#626880",
     "PLUM_15": "#51576d",
     "PLUM_16": "#414559",
     "PLUM_17": "#232634",
     "PLUM_18": "#414559",
     "PLUM_19": "#414559",
     "PLUM_20": "#292c3c",
+    "PLUM_21": "#292c3c",
     "PLUM_22": "#232634",
     "PLUM_3": "#c6d0f5",
     "PLUM_4": "#a6d189",
@@ -228,7 +231,8 @@
       "ic_add_text": "#949cbb",
       "ic_at": "#949cbb",
       "ic_download_24px": "#c6d0f5",
-      "ic_overflow_android": "#c6d0f5" 
+      "ic_overflow_android": "#c6d0f5",
+      "ic_nitro_rep_24px": "#949cbb"
     }
   },
     "spec": 2

diff --git a/themes/frappe/lavender.json b/themes/frappe/lavender.json
@@ -58,6 +58,7 @@
     "BRAND_360": "#babbf1",
     "BRAND_500": "#babbf1",
     "BRAND_560": "#babbf1", 
+    "BRAND_630": "#414559", 
     "BRAND_730": "#303446", 
     "BLUE_260": "#babbf1",
     "BLUE_300": "#babbf1",
@@ -75,7 +76,7 @@
     "BLUE_660": "#babbf1",
     "BLUE_700": "#babbf1",
     "PRIMARY_100": "#c6d0f5",
-    "PRIMARY_200": "#232634",
+    "PRIMARY_200": "#c6d0f5",
     "PRIMARY_300": "#303446",
     "PRIMARY_360": "#ca9ee6",
     "PRIMARY_400": "#626880",
@@ -85,16 +86,18 @@
     "PRIMARY_630": "#414559",
     "PRIMARY_660": "#232634",
     "PRIMARY_700": "#232634",
-    "PRIMARY_730": "#c6d0f5",
+    "PRIMARY_730": "#232634",
     "PRIMARY_800": "#292c3c",
     "PLUM_10": "#949cbb",
     "PLUM_13": "#737994",
+    "PLUM_14": "#626880",
     "PLUM_15": "#51576d",
     "PLUM_16": "#414559",
     "PLUM_17": "#232634",
     "PLUM_18": "#414559",
     "PLUM_19": "#414559",
     "PLUM_20": "#292c3c",
+    "PLUM_21": "#292c3c",
     "PLUM_22": "#232634",
     "PLUM_3": "#c6d0f5",
     "PLUM_4": "#babbf1",
@@ -228,7 +231,8 @@
       "ic_add_text": "#949cbb",
       "ic_at": "#949cbb",
       "ic_download_24px": "#c6d0f5",
-      "ic_overflow_android": "#c6d0f5" 
+      "ic_overflow_android": "#c6d0f5",
+      "ic_nitro_rep_24px": "#949cbb"
     }
   },
     "spec": 2

diff --git a/themes/frappe/maroon.json b/themes/frappe/maroon.json
@@ -58,6 +58,7 @@
     "BRAND_360": "#ea999c",
     "BRAND_500": "#ea999c",
     "BRAND_560": "#ea999c", 
+    "BRAND_630": "#414559", 
     "BRAND_730": "#303446", 
     "BLUE_260": "#ea999c",
     "BLUE_300": "#ea999c",
@@ -75,7 +76,7 @@
     "BLUE_660": "#ea999c",
     "BLUE_700": "#ea999c",
     "PRIMARY_100": "#c6d0f5",
-    "PRIMARY_200": "#232634",
+    "PRIMARY_200": "#c6d0f5",
     "PRIMARY_300": "#303446",
     "PRIMARY_360": "#ca9ee6",
     "PRIMARY_400": "#626880",
@@ -85,16 +86,18 @@
     "PRIMARY_630": "#414559",
     "PRIMARY_660": "#232634",
     "PRIMARY_700": "#232634",
-    "PRIMARY_730": "#c6d0f5",
+    "PRIMARY_730": "#232634",
     "PRIMARY_800": "#292c3c",
     "PLUM_10": "#949cbb",
     "PLUM_13": "#737994",
+    "PLUM_14": "#626880",
     "PLUM_15": "#51576d",
     "PLUM_16": "#414559",
     "PLUM_17": "#232634",
     "PLUM_18": "#414559",
     "PLUM_19": "#414559",
     "PLUM_20": "#292c3c",
+    "PLUM_21": "#292c3c",
     "PLUM_22": "#232634",
     "PLUM_3": "#c6d0f5",
     "PLUM_4": "#ea999c",
@@ -228,7 +231,8 @@
       "ic_add_text": "#949cbb",
       "ic_at": "#949cbb",
       "ic_download_24px": "#c6d0f5",
-      "ic_overflow_android": "#c6d0f5" 
+      "ic_overflow_android": "#c6d0f5",
+      "ic_nitro_rep_24px": "#949cbb"
     }
   },
     "spec": 2

diff --git a/themes/frappe/mauve.json b/themes/frappe/mauve.json
@@ -58,6 +58,7 @@
     "BRAND_360": "#ca9ee6",
     "BRAND_500": "#ca9ee6",
     "BRAND_560": "#ca9ee6", 
+    "BRAND_630": "#414559", 
     "BRAND_730": "#303446", 
     "BLUE_260": "#ca9ee6",
     "BLUE_300": "#ca9ee6",
@@ -75,7 +76,7 @@
     "BLUE_660": "#ca9ee6",
     "BLUE_700": "#ca9ee6",
     "PRIMARY_100": "#c6d0f5",
-    "PRIMARY_200": "#232634",
+    "PRIMARY_200": "#c6d0f5",
     "PRIMARY_300": "#303446",
     "PRIMARY_360": "#ca9ee6",
     "PRIMARY_400": "#626880",
@@ -85,16 +86,18 @@
     "PRIMARY_630": "#414559",
     "PRIMARY_660": "#232634",
     "PRIMARY_700": "#232634",
-    "PRIMARY_730": "#c6d0f5",
+    "PRIMARY_730": "#232634",
     "PRIMARY_800": "#292c3c",
     "PLUM_10": "#949cbb",
     "PLUM_13": "#737994",
+    "PLUM_14": "#626880",
     "PLUM_15": "#51576d",
     "PLUM_16": "#414559",
     "PLUM_17": "#232634",
     "PLUM_18": "#414559",
     "PLUM_19": "#414559",
     "PLUM_20": "#292c3c",
+    "PLUM_21": "#292c3c",
     "PLUM_22": "#232634",
     "PLUM_3": "#c6d0f5",
     "PLUM_4": "#ca9ee6",
@@ -228,7 +231,8 @@
       "ic_add_text": "#949cbb",
       "ic_at": "#949cbb",
       "ic_download_24px": "#c6d0f5",
-      "ic_overflow_android": "#c6d0f5" 
+      "ic_overflow_android": "#c6d0f5",
+      "ic_nitro_rep_24px": "#949cbb"
     }
   },
     "spec": 2

diff --git a/themes/frappe/peach.json b/themes/frappe/peach.json
@@ -58,6 +58,7 @@
     "BRAND_360": "#ef9f76",
     "BRAND_500": "#ef9f76",
     "BRAND_560": "#ef9f76", 
+    "BRAND_630": "#414559", 
     "BRAND_730": "#303446", 
     "BLUE_260": "#ef9f76",
     "BLUE_300": "#ef9f76",
@@ -75,7 +76,7 @@
     "BLUE_660": "#ef9f76",
     "BLUE_700": "#ef9f76",
     "PRIMARY_100": "#c6d0f5",
-    "PRIMARY_200": "#232634",
+    "PRIMARY_200": "#c6d0f5",
     "PRIMARY_300": "#303446",
     "PRIMARY_360": "#ca9ee6",
     "PRIMARY_400": "#626880",
@@ -85,16 +86,18 @@
     "PRIMARY_630": "#414559",
     "PRIMARY_660": "#232634",
     "PRIMARY_700": "#232634",
-    "PRIMARY_730": "#c6d0f5",
+    "PRIMARY_730": "#232634",
     "PRIMARY_800": "#292c3c",
     "PLUM_10": "#949cbb",
     "PLUM_13": "#737994",
+    "PLUM_14": "#626880",
     "PLUM_15": "#51576d",
     "PLUM_16": "#414559",
     "PLUM_17": "#232634",
     "PLUM_18": "#414559",
     "PLUM_19": "#414559",
     "PLUM_20": "#292c3c",
+    "PLUM_21": "#292c3c",
     "PLUM_22": "#232634",
     "PLUM_3": "#c6d0f5",
     "PLUM_4": "#ef9f76",
@@ -228,7 +231,8 @@
       "ic_add_text": "#949cbb",
       "ic_at": "#949cbb",
       "ic_download_24px": "#c6d0f5",
-      "ic_overflow_android": "#c6d0f5" 
+      "ic_overflow_android": "#c6d0f5",
+      "ic_nitro_rep_24px": "#949cbb"
     }
   },
     "spec": 2