From 3855af14f14032e4b0f298b22befb6231afee4e1 Mon Sep 17 00:00:00 2001 From: taskylizard <75871323+taskylizard@users.noreply.github.com> Date: Sat, 24 Feb 2024 14:27:18 +0000 Subject: [PATCH] feat(themes): wip tokyonight thene --- docker-compose.yml | 1 - public/css/themes/tokyonight.css | 81 ++++++++++++++++++++++++++++++++ 2 files changed, 81 insertions(+), 1 deletion(-) create mode 100644 public/css/themes/tokyonight.css diff --git a/docker-compose.yml b/docker-compose.yml index 9e2d996..207914e 100644 --- a/docker-compose.yml +++ b/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 diff --git a/public/css/themes/tokyonight.css b/public/css/themes/tokyonight.css new file mode 100644 index 0000000..c5df1cf --- /dev/null +++ b/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; + } +}