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