The great flattification

This commit is contained in:
2022-03-29 21:41:46 +02:00
parent e5328a7d6c
commit 2b847c0456
41 changed files with 379 additions and 317 deletions

View File

@@ -279,16 +279,14 @@ onMount(() => {
.feat_table > div > .feat_label {
border-top-left-radius: 0.5em;
border-bottom-left-radius: 0.5em;
background-color: var(--layer_1_color);
color: var(--layer_1_text_color);
background: var(--shaded_background);
}
.feat_table > div > .feat_normal {
background-color: var(--layer_3_color);
box-shadow: 1px 1px 4px -2px var(--shadow_color);
background-color: var(--popout_color);
}
.feat_table > div > .feat_pro {
background-color: var(--layer_4_color);
box-shadow: 1px 1px 4px -1px var(--shadow_color);
background-color: var(--popout_color);
box-shadow: 1px 1px 2px -1px var(--shadow_color);
}
.feat_table > div > .feat_highlight {
border: 1px solid var(--link_color)

View File

@@ -199,8 +199,8 @@
hyphens: auto;
}
.feat_table > div > .feat_pro {
background-color: var(--layer_4_color);
box-shadow: 1px 1px 4px -1px var(--shadow_color);
background-color: var(--popout_color);
box-shadow: 1px 1px 2px -1px var(--shadow_color);
}
.text_highlight {
color: var(--link_color);

View File

@@ -53,7 +53,6 @@ const on_success = (resp) => {
href = "/u/"+resp.id
target = "_blank"
file_button.style.background = 'var(--layer_3_color)'
progress_bar.style.width = "100%"
progress_bar.style.opacity = "0"
}
@@ -222,9 +221,8 @@ export const start = () => {
padding: 0;
overflow: hidden;
border-radius: 6px;
box-shadow: 2px 2px 8px -3px var(--shadow_color);
background-color: var(--layer_3_color);
color: var(--text_color);
background: var(--input_background);
color: var(--body_text_color);
word-break: break-all;
text-align: left;
line-height: 1.2em;
@@ -277,7 +275,7 @@ export const start = () => {
display: flex;
flex-direction: row;
height: 1.4em;
border-top: 1px solid var(--layer_3_color_border);
border-top: 1px solid var(--separator);
text-align: center;
font-family: sans-serif, monospace;
font-size: 0.9em;

View File

@@ -566,8 +566,8 @@ const keydown = (e) => {
font-size: 1.8em;
}
.instruction {
border-top: 1px solid var(--layer_2_color_border);
border-bottom: 1px solid var(--layer_2_color_border);
border-top: 1px solid var(--separator);
border-bottom: 1px solid var(--separator);
margin: 1.5em 0;
padding: 5px;
}