Kris 972cc6e5d9
UX: restyling for 2025 (#28)
This generally updates the styles for the 2025 version. I also made more
features work in development environments (so it's easier to test) and
fixed an issue with invites that was causing the report to not show.


<img width="400" alt="image"
src="https://github.com/user-attachments/assets/69a62b79-12e3-4539-a82c-9bbf9673abe2"
/>

<img width="1554" height="896" alt="image"
src="https://github.com/user-attachments/assets/60fabac5-6f20-4e01-9679-fd228c6850c2"
/>

<img width="754" height="459" alt="image"
src="https://github.com/user-attachments/assets/6725c6e2-1bac-417e-b4ee-190841ab656b"
/>

<img width="1472" height="490" alt="image"
src="https://github.com/user-attachments/assets/87c95e6a-5d78-4fb6-9f2d-dad13bcc9788"
/>

<img width="1480" height="702" alt="image"
src="https://github.com/user-attachments/assets/67bec8f9-dce5-4077-a07d-fe9e13696958"
/>
2025-11-18 09:03:41 -05:00

28 lines
685 B
SCSS

:root {
--d-yellow: 251, 245, 175;
--d-blue: 40, 171, 226;
--d-green: 12, 166, 78;
--d-orange: 240, 121, 74;
--d-red: 232, 74, 81;
--d-yellow-dark: 197, 193, 140;
--d-blue-dark: 39, 137, 178;
--d-green-dark: 17, 138, 68;
--d-orange-dark: 188, 105, 65;
--d-red-dark: 183, 64, 70;
--rewind-border-radius: 4px;
--rewind-green: #0f0;
--rewind-blue: #00f;
--rewind-black: #111;
--rewind-white: #fff;
--rewind-magenta: #f0f;
--rewind-grey: #555;
--rewind-light-grey: #aaa;
--rewind-yellow: rgb(237, 237, 84);
--rewind-beige: #fbf8e4;
}
@mixin rewind-border() {
border: 2px solid var(--rewind-green);
border-radius: var(--rewind-border-radius);
}