hopefully fix contrast issue?

feat/vaults
Tomáš Mládek 2021-12-30 23:24:38 +01:00
parent 10dab431a8
commit 33722c0ac8
No known key found for this signature in database
GPG Key ID: ED21612889E75EC5
7 changed files with 10 additions and 8 deletions

View File

@ -138,7 +138,7 @@
margin: 0;
background: var(--background-emph);
background: var(--background-lighter);
font-weight: 600;
line-height: 1;

View File

@ -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;

View File

@ -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;

View File

@ -54,7 +54,7 @@
display: flex;
align-items: center;
color: var(--foreground);
color: var(--foreground-lightest);
text-decoration: none;
font-weight: normal;
}

View File

@ -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 {

View File

@ -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;

View File

@ -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;