generated from inherentlee/11ty
75 lines
1.8 KiB
CSS
75 lines
1.8 KiB
CSS
.color {
|
|
--color-bg-light-2025: #f0f0f0;
|
|
--color-text-light-2025: #640054;
|
|
--color-header-light-2025: #185370;
|
|
--color-warn-light-2025: #fbcc0a;
|
|
|
|
--color-bg-dark-2025: #1f1f1f;
|
|
--color-text-dark-2025: #91c73b;
|
|
--color-header-dark-2025: #ff9b37;
|
|
--color-warn-dark-2025: #540033;
|
|
|
|
--color-light-2026: #f3ccfb;
|
|
--color-dark-2026: #130b16;
|
|
--color-pink-2026: #ea33d2;
|
|
--color-blurple-2026: #6d12e2;
|
|
|
|
border-radius: .5rem;
|
|
padding: .5rem;
|
|
text-align: center;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.color {
|
|
border: .1rem solid var(--color-text);
|
|
}
|
|
|
|
/* 2026-2027 */
|
|
|
|
#light-2026,
|
|
#pink-2026 {
|
|
color: var(--color-dark-2026);
|
|
}
|
|
|
|
#dark-2026,
|
|
#blurple-2026 {
|
|
color: var(--color-light-2026);
|
|
}
|
|
|
|
#light-2026 { background-color: var(--color-light-2026); }
|
|
#dark-2026 { background-color: var(--color-dark-2026); }
|
|
#pink-2026 { background-color: var(--color-pink-2026); }
|
|
#blurple-2026 { background-color: var(--color-blurple-2026); }
|
|
|
|
/* 2025 */
|
|
|
|
#bg-light-2025,
|
|
#warn-light-2025 {
|
|
color: var(--color-text-light-2025);
|
|
}
|
|
|
|
#text-light-2025,
|
|
#header-light-2025 {
|
|
color: var(--color-bg-light-2025);
|
|
}
|
|
|
|
#bg-dark-2025,
|
|
#warn-dark-2025 {
|
|
color: var(--color-text-dark-2025);
|
|
}
|
|
|
|
#text-dark-2025,
|
|
#header-dark-2025 {
|
|
color: var(--color-bg-dark-2025);
|
|
}
|
|
|
|
#bg-light-2025 { background-color: var(--color-bg-light-2025); }
|
|
#text-light-2025 { background-color: var(--color-text-light-2025); }
|
|
#header-light-2025 { background-color: var(--color-header-light-2025); }
|
|
#warn-light-2025 { background-color: var(--color-warn-light-2025); }
|
|
|
|
#bg-dark-2025 { background-color: var(--color-bg-dark-2025); }
|
|
#text-dark-2025 { background-color: var(--color-text-dark-2025); }
|
|
#header-dark-2025 { background-color: var(--color-header-dark-2025); }
|
|
#warn-dark-2025 { background-color: var(--color-warn-dark-2025); }
|
