complete colors

src/components/ColorChanger.tsx

@@ -52,7 +52,9 @@ const colors: ColorScheme[] = [
     bgDarker: "#141414",
     fg: "#DEDBEB",
     fgDark: "#5c5c5c",
-    fgDarker: "#292929"
+    fgDarker: "#292929",
+    error: "#fb5c8e",
+    warning: "#eacac0"
   },
   {
     // https://rosepinetheme.com/palette
@@ -62,7 +64,9 @@ const colors: ColorScheme[] = [
     bgDarker: "#1f1d2e",
     fg: "#e0def4",
     fgDark: "#908caa",
-    fgDarker: "#6e6a86"
+    fgDarker: "#6e6a86",
+    error: "#eb6f92",
+    warning: "#f6c177"
   },
   {
     // https://www.nordtheme.com/docs/colors-and-palettes
@@ -72,43 +76,69 @@ const colors: ColorScheme[] = [
     bgDarker: "#2E3440",
     fg: "#eceff4",
     fgDark: "#d8dee9",
-    fgDarker: "#E5E9F0"
+    fgDarker: "#E5E9F0",
+    error: "#BF616A",
+    warning: "#EBCB8B"
   },
   {
+    // https://github.com/elenapan/dotfiles/blob/master/.xfiles/lovelace
     name: "lovelace",
     bg: "#1d1f28",
     bgDark: "#282a36",
+    bgDarker: "#141721",
     fg: "#fdfdfd",
-    fgDark: "#414458"
+    fgDark: "#414458",
+    fgDarker: "#bebec1",
+    error: "#F37F97",
+    warning: "#F2A272"
   },
   {
+    // https://github.com/elenapan/dotfiles/blob/master/.xfiles/skyfall
     name: "skyfall",
     bg: "#282f37",
     bgDark: "#20262c",
+    bgDarker: "#1d2228", // guestimated, -6 value
     fg: "#f1fcf9",
-    fgDark: "#465463"
+    fgDark: "#465463",
+    fgDarker: "#e0e5e5",
+    error: "#DB86BA",
+    warning: "#E49186"
   },
+  // {{{ https://github.com/catppuccin/catppuccin#-palette
   {
     name: "Catppuccin Frappe",
-    bg: "#303446",
+    bg: "#303446", // base
-    bgDark: "#51576d",
+    bgDark: "#51576d", // surface 1
-    fg: "#c6d0f5",
+    bgDarker: "#292c3c", // mantle
-    fgDark: "#a5adce"
+    fg: "#c6d0f5", // text
+    fgDark: "#a5adce", // subtext 0
+    fgDarker: "#949cbb", // overlay 2
+    error: "#e78284",
+    warning: "#e5c890"
   },
   {
     name: "Catppuccin Macchiato",
     bg: "#24273a",
     bgDark: "#494d64",
+    bgDarker: "#1e2030",
     fg: "#cad3f5",
-    fgDark: "#a5adcb"
+    fgDark: "#a5adcb",
+    fgDarker: "#939ab7",
+    error: "#ed8796",
+    warning: "#eed49f"
   },
   {
     name: "Catppuccin Mocha",
     bg: "#1e1e2e",
     bgDark: "#45475a",
+    bgDarker: "#181825",
     fg: "#cdd6f4",
-    fgDark: "#a6adc8"
+    fgDark: "#a6adc8",
+    fgDarker: "#9399b2",
+    error: "#f38ba8",
+    warning: "#f9e2af"
   }
+  // }}}
 ];
 
 const fallback = colors[0];