Compare commits

...

2 Commits

Author SHA1 Message Date
49dc4b4f00 fix(css): timeline tweets now are separated by 5px 2025-11-19 01:06:17 -03:00
c654cdf57e feat(theme): added new kuuro theme 2025-11-19 01:05:50 -03:00
3 changed files with 63 additions and 3 deletions

View File

@@ -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;
}

View File

@@ -127,7 +127,6 @@ ul {
max-width: 600px; max-width: 600px;
width: 100%; width: 100%;
margin: 0 auto; margin: 0 auto;
margin-top: 10px;
background-color: var(--bg_overlays); background-color: var(--bg_overlays);
padding: 10px 15px; padding: 10px 15px;
align-self: start; align-self: start;

View File

@@ -2,13 +2,14 @@
.timeline-container { .timeline-container {
@include panel(100%, 600px); @include panel(100%, 600px);
background-color: transparent;
} }
.timeline { .timeline {
background-color: var(--bg_panel); background-color: transparent;
> div:not(:first-child) { > div:not(:first-child) {
border-top: 1px solid var(--border_grey); border-top: none;
} }
} }
@@ -159,4 +160,6 @@
padding: .75em; padding: .75em;
display: flex; display: flex;
position: relative; position: relative;
margin-top: 5px;
background-color: var(--bg_panel);
} }