feat: move some colors to root variables
This commit is contained in:
parent
774e10d68c
commit
ff9bce6635
1 changed files with 7 additions and 1 deletions
8
app.vue
8
app.vue
|
@ -12,6 +12,12 @@ const banner = useState("banner", () => false);
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style>
|
<style>
|
||||||
|
:root {
|
||||||
|
--background-color: rgb(30, 30, 30);
|
||||||
|
--main-text-color: rgb(190, 190, 190);
|
||||||
|
--outline-border: 1px solid rgb(150, 150, 150);
|
||||||
|
}
|
||||||
|
|
||||||
html,
|
html,
|
||||||
body {
|
body {
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
@ -22,7 +28,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
*:focus-visible {
|
*:focus-visible {
|
||||||
outline: 1px solid rgb(150, 150, 150);
|
outline: var(--outline-border);
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue