feat(themes): wip tokyonight thene

docker-compose.yml

@@ -13,7 +13,6 @@ services:
     volumes:
       - ./nitter.conf:/src/nitter.conf:Z,ro
       - ./guest_accounts.json:/src/guest_accounts.json:Z,ro
-      - ./public/.twitterminator.txt:/src/public/.twitterminator.txt:Z,ro
     depends_on:
       - nitter-redis
     restart: unless-stopped

public/css/themes/tokyonight.css

@@ -0,0 +1,81 @@
+body {
+  /* Catppuccin Mocha color palette */
+  --rosewater: #f5e0dc;
+  --flamingo: #f2cdcd;
+  --pink: #f5c2e7;
+  --mauve: #cba6f7;
+  --red: #f38ba8;
+  --maroon: #eba0ac;
+  --peach: #fab387;
+  --yellow: #f9e2af;
+  --green: #a6e3a1;
+  --teal: #94e2d5;
+  --sky: #89dceb;
+  --sapphire: #74c7ec;
+  --blue: #89b4fa;
+  --lavender: #b4befe;
+  --text: #cdd6f4;
+  --subtext1: #bac2de;
+  --subtext0: #a6adc8;
+  --overlay2: #9399b2;
+  --overlay1: #7f849c;
+  --overlay0: #6c7086;
+  --surface2: #585b70;
+  --surface1: #45475a;
+  --surface0: #313244;
+  --base: #1e1e2e;
+
+  /* Predefined colors */
+  --bg_color: #1a1b26;
+  --fg_color: #c0caf5;
+  --fg_faded: #a9b1d6;
+  --fg_dark: var(--accent);
+  --fg_nav: var(--accent);
+
+  --bg_panel: #171722;
+  --bg_elements: #16161e;
+  --bg_overlays: #171722;
+  --bg_hover: #16161e;
+
+  --grey: var(--subtext1);
+  --dark_grey: var(--overlay0);
+  --darker_grey: var(--base);
+  --darkest_grey: #171722;
+  --border_grey: var(--base);
+
+  --accent: #7aa2f7;
+  --accent_light: #7aa2f7;
+  --accent_dark: #7aa2f7;
+  --accent_border: #7aa2f7;
+
+  --play_button: var(--accent);
+  --play_button_hover: var(--accent);
+
+  --more_replies_dots: #cba6f7;
+  --error_red: var(--red);
+
+  --verified_blue: var(--blue);
+  --icon_text: var(--text);
+
+  --tab: var(--text);
+  --tab_selected: var(--accent);
+
+  --profile_stat: var(--text);
+
+  /* Catppuccin tweaks */
+  /* background-color: var(--bg_color);
+  color: var(--fg_color);
+  line-height: 1.3;
+  margin: 0; */
+
+  /* Fix Poll Leader color */
+  /* Text is illegible when using light accents otherwise */
+  .poll-meter.leader {
+    color: var(--bg_color);
+  }
+
+  ::selection {
+    background-color: #515c7e40;
+    color: #a9b1d6;
+  }
+}