hopefully fix contrast issue?
parent
10dab431a8
commit
33722c0ac8
|
@ -138,7 +138,7 @@
|
|||
|
||||
margin: 0;
|
||||
|
||||
background: var(--background-emph);
|
||||
background: var(--background-lighter);
|
||||
font-weight: 600;
|
||||
|
||||
line-height: 1;
|
||||
|
|
|
@ -106,7 +106,7 @@ import IconButton from "../utils/IconButton.svelte";
|
|||
font-family: var(--monospace-font);
|
||||
line-break: anywhere;
|
||||
|
||||
background: var(--background-emph);
|
||||
background: var(--background-lighter);
|
||||
border: 0.1em solid var(--foreground-lighter);
|
||||
border-radius: 0.2em;
|
||||
|
||||
|
|
|
@ -48,7 +48,7 @@
|
|||
|
||||
<style scoped lang="scss">
|
||||
.upcard {
|
||||
background: var(--background-emph);
|
||||
background: var(--background-lighter);
|
||||
|
||||
border: 0.12em solid var(--foreground);
|
||||
border-radius: 0.2em;
|
||||
|
|
|
@ -54,7 +54,7 @@
|
|||
display: flex;
|
||||
align-items: center;
|
||||
|
||||
color: var(--foreground);
|
||||
color: var(--foreground-lightest);
|
||||
text-decoration: none;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
|
||||
border: 1px solid var(--foreground-lighter);
|
||||
border-radius: 4px;
|
||||
background: var(--background-emph);
|
||||
background: var(--background-lighter);
|
||||
|
||||
transition: box-shadow .25s;
|
||||
&.focused {
|
||||
|
|
|
@ -12,8 +12,9 @@
|
|||
) {
|
||||
--foreground: #{$rebase0};
|
||||
--foreground-lighter: #{$rebase1};
|
||||
--foreground-lightest: #{$rebase2};
|
||||
--background: #{$rebase03};
|
||||
--background-emph: #{$rebase02};
|
||||
--background-lighter: #{$rebase02};
|
||||
--primary: #{colors.$blue};
|
||||
|
||||
background-color: $rebase03;
|
||||
|
|
|
@ -76,8 +76,9 @@ import IconButton from "../components/utils/IconButton.svelte";
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
background: var(--background-emph);
|
||||
border: 1px solid var(--foreground-lighter);
|
||||
background: var(--background-lighter);
|
||||
color: var(--foreground-lighter);
|
||||
border: 1px solid var(--foreground-lightest);
|
||||
border-radius: .5em;
|
||||
padding: 1rem;
|
||||
|
||||
|
|
Loading…
Reference in New Issue