Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-14 07:06:14 -05:00
Code Issues Actions Packages Projects Releases Wiki Activity

Design refresh + a bunch of stuff (#2864)

Browse Source 
Co-authored-by: hfcRed <hfcred@gmx.net>
This commit is contained in:
Kalle
2026-03-19 17:51:42 +02:00
committed by GitHub
parent fcc5c5f273
commit fef1ffc955
830 changed files with 35854 additions and 16836 deletions
Download Patch File Download Diff File Expand all files Collapse all files

103
app/components/CustomThemeSelector.module.css Normal file
View File

@@ -0,0 +1,103 @@
.customThemeSelector {
display: flex;
flex-direction: column;
gap: var(--s-4);
padding: var(--s-4);
border: var(--border-style);
border-radius: var(--radius-field);
background-color: var(--color-bg-medium);
position: relative;
overflow: hidden;
}
.customThemeSelectorSupporter {
display: none;
}
.customThemeSelectorNoSupporter {
position: absolute;
inset: 0;
z-index: 10;
backdrop-filter: blur(3px);
display: flex;
flex-direction: column;
justify-content: center;
}
.customThemeSelectorInfo {
display: flex;
flex-direction: column;
gap: var(--s-2);
margin-bottom: var(--s-4);
text-align: center;
background-color: var(--color-bg);
padding: var(--s-2) var(--s-4);
border-block: var(--border-style);
}
.customThemeSelectorActions {
display: grid;
gap: var(--s-2);
grid-template-columns: 1fr auto;
}
.themeSliders {
display: flex;
flex-direction: column;
gap: var(--s-2);
}
.themeSliderRow {
display: grid;
grid-template-columns: 40% auto;
grid-template-rows: auto auto;
gap: var(--s-1) var(--s-2);
align-items: center;
}
.hueSlider::-webkit-slider-runnable-track {
background: linear-gradient(
to right,
oklch(65% 0.15 0),
oklch(65% 0.15 60),
oklch(65% 0.15 120),
oklch(65% 0.15 180),
oklch(65% 0.15 240),
oklch(65% 0.15 300),
oklch(65% 0.15 360)
) !important;
}
.hueSlider::-moz-range-track {
background: linear-gradient(
to right,
oklch(65% 0.15 0),
oklch(65% 0.15 60),
oklch(65% 0.15 120),
oklch(65% 0.15 180),
oklch(65% 0.15 240),
oklch(65% 0.15 300),
oklch(65% 0.15 360)
) !important;
}
.chatColorPreview {
color: oklch(from var(--color-text-accent) l c var(--_chat-h));
}
.themeShare {
display: flex;
flex-direction: column;
gap: var(--s-1);
}
.themeShareActions {
display: flex;
gap: var(--s-2);
align-items: center;
}
.themeShareInput input {
flex: 1;
min-width: 0;
}