diff --git a/public/css/themes/kuuro.css b/public/css/themes/kuuro.css new file mode 100644 index 0000000..6bca0ef --- /dev/null +++ b/public/css/themes/kuuro.css @@ -0,0 +1,58 @@ +body { + --bg_color: #050505; + --fg_color: #d2d2d2; + --fg_faded: #949494; + --fg_dark: var(--accent); + --fg_nav: var(--accent); + + --bg_panel: #0a0a0a; + --bg_elements: #0f0f0f; + --bg_overlays: var(--bg_panel); + --bg_hover: #151515; + + --grey: #949494; + --dark_grey: #444444; + --darker_grey: #333333; + --darkest_grey: #111111; + --border_grey: rgba(255, 255, 255, 0.06); + + --accent: #f3c2e6; + --accent_light: #ffd6f2; + --accent_dark: #a6859d; + --accent_border: #f3c2e660; + + --play_button: var(--accent); + --play_button_hover: var(--accent_light); + + --more_replies_dots: #5f6364; + --error_red: #ec5f67; + + --verified_blue: #6699cc; + --icon_text: var(--fg_color); + + --tab: var(--fg_color); + --tab_selected: var(--accent); + + --profile_stat: var(--fg_color); +} + +*:not(.avatar) { + border-radius: 0 !important; +} + +input, textarea, select, button, +.card-container, +.profile-card, +.photo-rail-card, +.timeline-item, +.search-field, +nav, +.timeline-footer, +.show-more, +.unavailable-box, +.tweet-embed, +.overlay-panel, +.tab { + outline: 1px solid var(--border_grey) !important; + outline-offset: -1px !important; +}