update theme colors

src/constants/theme.ts

@@ -1,22 +1,28 @@
 import { DefaultTheme } from "styled-components";
 
-export const darkTheme: DefaultTheme = {
+const fixedColors = {
+  CRIMSON: "#DC143C",
   BLURPLE: "#5865F2",
   FULL_WHITE: "#FFFFFF",
   BLACK: "#202225",
   BLACK_DARK: "#2C2F33",
   BLACK_LIGHT: "#2F3136",
   BLACK_PRIMARY: "#36393f",
-  BLACK_SECONDARY: "#23272A",
-  CRIMSON: "#DC143C",
   DARK_SALMON: "#E9967A",
   DANGER: "#db662e",
   LIGHTGREEN: "#90EE90",
   SEAGREEN: "#3BA55D",
   ORANGE: "#FAA81A",
   SILVER: "#B9BBBE",
-  SILVER_DARK: "#4D4D4D",
   PRIMARY: "#4D4D4D",
+  TEXT_DANGER: "hsl(359,calc(var(--saturation-factor, 1)*82%),73.9%)",
+};
+
+export const darkTheme: DefaultTheme = {
+  ...fixedColors,
+  BLACK_SECONDARY: "#23272A",
+  SILVER_DARK: "#4D4D4D",
+  NODE_KEY: "#FAA81A",
 
   INTERACTIVE_NORMAL: "#b9bbbe",
   INTERACTIVE_HOVER: "#dcddde",
@@ -28,26 +34,13 @@ export const darkTheme: DefaultTheme = {
   BACKGROUND_MODIFIER_ACCENT: "rgba(79,84,92,0.48)",
   TEXT_NORMAL: "#dcddde",
   TEXT_POSITIVE: "hsl(139,calc(var(--saturation-factor, 1)*51.6%),52.2%)",
-  TEXT_DANGER: "hsl(359,calc(var(--saturation-factor, 1)*82%),73.9%)",
 } as const;
 
 export const lightTheme: DefaultTheme = {
-  BLURPLE: "#5865F2",
-  FULL_WHITE: "#FFFFFF",
-  BLACK: "#202225",
-  BLACK_DARK: "#2C2F33",
-  BLACK_LIGHT: "#2F3136",
-  BLACK_PRIMARY: "#36393f",
+  ...fixedColors,
   BLACK_SECONDARY: "#F2F2F2",
-  CRIMSON: "#DC143C",
-  DARK_SALMON: "#E9967A",
-  DANGER: "#db662e",
-  LIGHTGREEN: "#90EE90",
-  SEAGREEN: "#3BA55D",
-  ORANGE: "#FAA81A",
-  SILVER: "#B9BBBE",
   SILVER_DARK: "#CCCCCC",
-  PRIMARY: "#4D4D4D",
+  NODE_KEY: "#DC3790",
 
   INTERACTIVE_NORMAL: "#4f5660",
   INTERACTIVE_HOVER: "#2e3338",
@@ -58,6 +51,5 @@ export const lightTheme: DefaultTheme = {
   BACKGROUND_PRIMARY: "#FFFFFF",
   BACKGROUND_MODIFIER_ACCENT: "rgba(106,116,128,0.24)",
   TEXT_NORMAL: "#2e3338",
-  TEXT_POSITIVE: "hsl(139,calc(var(--saturation-factor, 1)*51.6%),52.2%)",
-  TEXT_DANGER: "hsl(359,calc(var(--saturation-factor, 1)*82%),73.9%)",
+  TEXT_POSITIVE: "#008736",
 } as const;

src/typings/styled.d.ts

@@ -25,6 +25,7 @@ declare module "styled-components" {
     SILVER: string;
     SILVER_DARK: string;
     PRIMARY: string;
+    NODE_KEY: string;
 
     INTERACTIVE_NORMAL: string;
     INTERACTIVE_HOVER: string;