mokkenstorm.dev
because I got bored of customising my CV for every job
1@theme {
2 /* Catppuccin Mocha color palette */
3 --color-ctp-rosewater: #f5e0dc;
4 --color-ctp-flamingo: #f2cdcd;
5 --color-ctp-pink: #f5c2e7;
6 --color-ctp-mauve: #cba6f7;
7 --color-ctp-red: #f38ba8;
8 --color-ctp-maroon: #eba0ac;
9 --color-ctp-peach: #fab387;
10 --color-ctp-yellow: #f9e2af;
11 --color-ctp-green: #a6e3a1;
12 --color-ctp-teal: #94e2d5;
13 --color-ctp-sky: #89dceb;
14 --color-ctp-sapphire: #74c7ec;
15 --color-ctp-blue: #89b4fa;
16 --color-ctp-lavender: #b4befe;
17 --color-ctp-text: #cdd6f4;
18 --color-ctp-subtext1: #bac2de;
19 --color-ctp-subtext0: #a6adc8;
20 --color-ctp-overlay2: #9399b2;
21 --color-ctp-overlay1: #7f849c;
22 --color-ctp-overlay0: #6c7086;
23 --color-ctp-surface2: #585b70;
24 --color-ctp-surface1: #45475a;
25 --color-ctp-surface0: #313244;
26 --color-ctp-base: #1e1e2e;
27 --color-ctp-mantle: #181825;
28 --color-ctp-crust: #11111b;
29}
30
31/* Custom scrollbar styles provided by the UI package */
32.scrollbar-thin {
33 scrollbar-width: thin;
34}
35.scrollbar-thin::-webkit-scrollbar {
36 width: 8px;
37 height: 8px;
38}
39.scrollbar-thumb-ctp-surface2::-webkit-scrollbar-thumb {
40 background-color: rgb(var(--ctp-surface2) / 1);
41 border-radius: 4px;
42}
43.scrollbar-track-ctp-surface0::-webkit-scrollbar-track {
44 background-color: rgb(var(--ctp-surface0) / 1);
45}
46.hover\:scrollbar-thumb-ctp-overlay0:hover::-webkit-scrollbar-thumb {
47 background-color: rgb(var(--ctp-overlay0) / 1);
48}
49
50.cv-calendar-grid {
51 display: grid;
52 grid-template-columns: repeat(7, minmax(0, 1fr));
53}