feat: move some colors to root variables
This commit is contained in:
parent
774e10d68c
commit
c0f4697d00
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>
|
||||
|
||||
<style>
|
||||
:root {
|
||||
--background-color: rgb(30, 30, 30);
|
||||
--main-text-color: rgb(190, 190, 190);
|
||||
--outline-border: 1px solid rgb(150, 150, 150);
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
|
@ -22,7 +28,7 @@ body {
|
|||
}
|
||||
|
||||
*:focus-visible {
|
||||
outline: 1px solid rgb(150, 150, 150);
|
||||
outline: var(--outline-border);
|
||||
}
|
||||
|
||||
a {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue