style.css

        
            
1
            @import url("willow.css");
        
            
2
            @import url("redhatmono.css");
        
            
3
            @import url("gully.css");
        
            
4
            
        
            
5
            /* Colors */
        
            
6
            
        
            
7
            :root {
        
            
8
                --primary: #101010;
        
            
9
                --secondary: #f9a911;
        
            
10
                --teriary: #efee00;
        
            
11
            
        
            
12
                --primary-text: #fff;
        
            
13
            
        
            
14
                --code-bg: #151515;
        
            
15
                --code-text: #fff;
        
            
16
                --code-element: #fc63ff;
        
            
17
                --code-attr: #ffc246;
        
            
18
                --code-str: #c0e36e;
        
            
19
            }
        
            
20
            
        
            
21
            /* Styles */
        
            
22
            
        
            
23
            body {
        
            
24
                background-color: var(--primary);
        
            
25
                color: var(--primary-text);
        
            
26
                font-family: "Gully", sans-serif;
        
            
27
                width: min(896px, 100vw);
        
            
28
                margin: 0 auto;
        
            
29
                padding: 35px;
        
            
30
                min-height: calc(100% - 70px);
        
            
31
                box-shadow: 0px 0px 50px #000;
        
            
32
            }
        
            
33
            
        
            
34
            :root {
        
            
35
                font-family: "Gully", sans-serif;
        
            
36
            }
        
            
37
            
        
            
38
            html {
        
            
39
                background-image: url("./background.webp");
        
            
40
                background-color: #FFF;
        
            
41
                height: 100%;
        
            
42
            }
        
            
43
            
        
            
44
            :is(h1, h2, h3, h4, h5, h6) {
        
            
45
                font-family: "Willow", sans-serif;
        
            
46
                font-weight: lighter;
        
            
47
            }
        
            
48
            
        
            
49
            :any-link {
        
            
50
                background: linear-gradient(
        
            
51
                    90deg,
        
            
52
                    rgb(255, 150, 150) 0%,
        
            
53
                    rgb(255, 194, 102) 10%,
        
            
54
                    rgb(244, 255, 107) 20%,
        
            
55
                    rgb(176, 253, 173) 30%,
        
            
56
                    rgb(155, 255, 254) 40%,
        
            
57
                    rgb(192, 246, 255) 50%,
        
            
58
                    rgb(96, 172, 255) 60%,
        
            
59
                    rgb(138, 79, 255) 70%,
        
            
60
                    rgb(217, 110, 255) 80%,
        
            
61
                    rgb(255, 126, 237) 90%,
        
            
62
                    rgb(255, 145, 145) 100%
        
            
63
                );
        
            
64
                background-clip: text;
        
            
65
                -webkit-text-fill-color: transparent;
        
            
66
            }
        
            
67
            
        
            
68
            th,
        
            
69
            td {
        
            
70
                text-align: center;
        
            
71
            }
        
            
72
            
        
            
73
            #ThemeList {
        
            
74
                padding: 0;
        
            
75
                margin: 0;
        
            
76
            }
        
            
77
            
        
            
78
            #ThemeList li {
        
            
79
                width: fit-content;
        
            
80
                display: inline-block;
        
            
81
                list-style: none;
        
            
82
            
        
            
83
            }
        
            
84
            
        
            
85
            code {
        
            
86
                background-color: var(--code-bg);
        
            
87
                color: var(--code-text);
        
            
88
                display: inline-block;
        
            
89
                font-family: "RH Mono", monospace;
        
            
90
            }
        
            
91
            
        
            
92
            code.preformatted-text {
        
            
93
                display: block;
        
            
94
                white-space: pre-wrap;
        
            
95
                padding: 5px;
        
            
96
                font-size: small;
        
            
97
            }
        
            
98
            
        
            
99
            [aria-label=breadcrumbs] ol {
        
            
100
                padding: 0;
        
            
101
            }
        
            
102
            
        
            
103
            [aria-label=breadcrumbs] li {
        
            
104
                list-style: none;
        
            
105
                display: inline-block;
        
            
106
            }
        
            
107
            
        
            
108
            [aria-label=breadcrumbs] li + li::before {
        
            
109
                content: " / ";
        
            
110
            }
        
            
111
            
        
            
112
            /* Syntax Highlighting */
        
            
113
            
        
            
114
            .lang-element {
        
            
115
                font-style: italic;
        
            
116
                color: var(--code-element);
        
            
117
            }
        
            
118
            
        
            
119
            .lang-attribute {
        
            
120
                color: var(--code-attr);
        
            
121
            }
        
            
122
            
        
            
123
            .lang-string {
        
            
124
                color: var(--code-str);
        
            
125
            }
        
            
126