Skip to content

Commit 70abd4f

Browse files
AlecRustAlecRust
authored
Start using CSS vars for theming (hestiacp#3057)
1 parent 221487e commit 70abd4f

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

58 files changed

+538
-586
lines changed

‎web/css/src/base.css‎

Lines changed: 81 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,81 @@
1+
/* Base
2+
========================================================================== */
3+
4+
html {
5+
height: 100%;
6+
box-sizing: border-box;
7+
font-family: sans-serif;
8+
}
9+
10+
*,
11+
*::before,
12+
*::after {
13+
box-sizing: inherit;
14+
}
15+
16+
:focus { outline: none; }
17+
18+
html,
19+
input,
20+
textarea,
21+
select,
22+
button {
23+
-webkit-font-smoothing: antialiased;
24+
-moz-osx-font-smoothing: grayscale;
25+
}
26+
27+
body {
28+
font-family: var(--font-family);
29+
font-size: 0.9rem;
30+
line-height: 1.5;
31+
height: 100%;
32+
color: var(--color-text);
33+
background-color: var(--color-background);
34+
}
35+
36+
a {
37+
color: var(--color-text);
38+
text-decoration: none;
39+
}
40+
41+
h1,
42+
h2,
43+
h3,
44+
p,
45+
pre {
46+
margin: 0;
47+
}
48+
49+
dialog {
50+
position: fixed;
51+
padding: 0;
52+
53+
&::backdrop {
54+
background-color: rgb(0 0 0 / 60%);
55+
}
56+
}
57+
58+
summary {
59+
list-style: none;
60+
61+
&::-webkit-details-marker {
62+
display: none;
63+
}
64+
}
65+
66+
ol,
67+
ul {
68+
list-style: none;
69+
margin: 0;
70+
padding: 0;
71+
}
72+
73+
button {
74+
cursor: pointer;
75+
line-height: inherit;
76+
}
77+
78+
table {
79+
border-collapse: collapse;
80+
border-spacing: 0;
81+
}

‎web/css/src/dependencies/animate.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/*!
1+
/*
22
* Some parts of Animate.css v4.1.1
33
*/
44

‎web/css/src/dependencies/fontawesome.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/*!
1+
/*
22
* Some overrides of Font Awesome Free 6.2.1 to change webfont paths
33
*/
44

‎web/css/src/dependencies/jquery-ui.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
/*!
1+
/*
22
* Some parts of jQuery UI v1.13.2
33
*/
44

‎web/css/src/fonts.css‎

Lines changed: 165 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,165 @@
1+
/* ==========================================================================
2+
Define Exo font family
3+
Primary font used throughout the user interface
4+
========================================================================== */
5+
6+
/* exo-300 - latin-ext_latin */
7+
@font-face {
8+
font-family: Exo;
9+
font-style: normal;
10+
font-weight: 300;
11+
src:
12+
local("Exo Light"),
13+
local("Exo-Light"),
14+
url("/webfonts/exo-v8-latin-ext_latin-300.woff2") format("woff2"),
15+
url("/webfonts/exo-v8-latin-ext_latin-300.woff") format("woff");
16+
font-display: swap;
17+
}
18+
19+
/* exo-300italic - latin-ext_latin */
20+
@font-face {
21+
font-family: Exo;
22+
font-style: italic;
23+
font-weight: 300;
24+
src:
25+
local("Exo Light Italic"),
26+
local("Exo-LightItalic"),
27+
url("/webfonts/exo-v8-latin-ext_latin-300italic.woff2") format("woff2"),
28+
url("/webfonts/exo-v8-latin-ext_latin-300italic.woff") format("woff");
29+
font-display: swap;
30+
}
31+
32+
/* exo-regular - latin-ext_latin */
33+
@font-face {
34+
font-family: Exo;
35+
font-style: normal;
36+
font-weight: 400;
37+
src:
38+
local("Exo Regular"),
39+
local("Exo-Regular"),
40+
url("/webfonts/exo-v8-latin-ext_latin-regular.woff2") format("woff2"),
41+
url("/webfonts/exo-v8-latin-ext_latin-regular.woff") format("woff");
42+
font-display: swap;
43+
}
44+
45+
/* exo-italic - latin-ext_latin */
46+
@font-face {
47+
font-family: Exo;
48+
font-style: italic;
49+
font-weight: 400;
50+
src:
51+
local("Exo Italic"),
52+
local("Exo-Italic"),
53+
url("/webfonts/exo-v8-latin-ext_latin-italic.woff2") format("woff2"),
54+
url("/webfonts/exo-v8-latin-ext_latin-italic.woff") format("woff");
55+
font-display: swap;
56+
}
57+
58+
/* exo-500 - latin-ext_latin */
59+
@font-face {
60+
font-family: Exo;
61+
font-style: normal;
62+
font-weight: 500;
63+
src:
64+
local("Exo Medium"),
65+
local("Exo-Medium"),
66+
url("/webfonts/exo-v8-latin-ext_latin-500.woff2") format("woff2"),
67+
url("/webfonts/exo-v8-latin-ext_latin-500.woff") format("woff");
68+
font-display: swap;
69+
}
70+
71+
/* exo-500italic - latin-ext_latin */
72+
@font-face {
73+
font-family: Exo;
74+
font-style: italic;
75+
font-weight: 500;
76+
src:
77+
local("Exo Medium Italic"),
78+
local("Exo-MediumItalic"),
79+
url("/webfonts/exo-v8-latin-ext_latin-500italic.woff2") format("woff2"),
80+
url("/webfonts/exo-v8-latin-ext_latin-500italic.woff") format("woff");
81+
font-display: swap;
82+
}
83+
84+
/* exo-600 - latin-ext_latin */
85+
@font-face {
86+
font-family: Exo;
87+
font-style: normal;
88+
font-weight: 600;
89+
src:
90+
local("Exo SemiBold"),
91+
local("Exo-SemiBold"),
92+
url("/webfonts/exo-v8-latin-ext_latin-600.woff2") format("woff2"),
93+
url("/webfonts/exo-v8-latin-ext_latin-600.woff") format("woff");
94+
font-display: swap;
95+
}
96+
97+
/* exo-600italic - latin-ext_latin */
98+
@font-face {
99+
font-family: Exo;
100+
font-style: italic;
101+
font-weight: 600;
102+
src:
103+
local("Exo SemiBold Italic"),
104+
local("Exo-SemiBoldItalic"),
105+
url("/webfonts/exo-v8-latin-ext_latin-600italic.woff2") format("woff2"),
106+
url("/webfonts/exo-v8-latin-ext_latin-600italic.woff") format("woff");
107+
font-display: swap;
108+
}
109+
110+
/* exo-700 - latin-ext_latin */
111+
@font-face {
112+
font-family: Exo;
113+
font-style: normal;
114+
font-weight: 700;
115+
src:
116+
local("Exo Bold"),
117+
local("Exo-Bold"),
118+
url("/webfonts/exo-v8-latin-ext_latin-700.woff2") format("woff2"),
119+
url("/webfonts/exo-v8-latin-ext_latin-700.woff") format("woff");
120+
font-display: swap;
121+
}
122+
123+
/* exo-700italic - latin-ext_latin */
124+
@font-face {
125+
font-family: Exo;
126+
font-style: italic;
127+
font-weight: 700;
128+
src:
129+
local("Exo Bold Italic"),
130+
local("Exo-BoldItalic"),
131+
url("/webfonts/exo-v8-latin-ext_latin-700italic.woff2") format("woff2"),
132+
url("/webfonts/exo-v8-latin-ext_latin-700italic.woff") format("woff");
133+
font-display: swap;
134+
}
135+
136+
/* ==========================================================================
137+
Define Inconsolata font family
138+
Console font
139+
========================================================================== */
140+
141+
/* Inconsolata-bold - latin */
142+
@font-face {
143+
font-family: Inconsolata;
144+
src:
145+
local("Inconsolata Bold"),
146+
local("Inconsolata-Bold"),
147+
url("/webfonts/Inconsolata-Bold.woff2") format("woff2"),
148+
url("/webfonts/Inconsolata-Bold.woff") format("woff");
149+
font-weight: bold;
150+
font-style: normal;
151+
font-display: swap;
152+
}
153+
154+
/* Inconsolata - latin */
155+
@font-face {
156+
font-family: Inconsolata;
157+
src:
158+
local("Inconsolata Regular"),
159+
local("Inconsolata-Regular"),
160+
url("/webfonts/Inconsolata-Regular.woff2") format("woff2"),
161+
url("/webfonts/Inconsolata-Regular.woff") format("woff");
162+
font-weight: normal;
163+
font-style: normal;
164+
font-display: swap;
165+
}

0 commit comments

Comments
 (0)