The great flattification

svelte/src/filesystem/filemanager/FileManager.svelte

@@ -188,6 +188,8 @@ const toggle_select = () => {
 	margin: 16px 0 0 0;
 	padding: 0;
 	justify-content: center;
+	background: var(--shaded_background);
+	border-radius: 6px;
 }
 .toolbar > * { flex: 0 0 auto; }
 .toolbar_spacer { flex: 1 1 auto; }

svelte/src/filesystem/filemanager/FileUploader.svelte

@@ -200,7 +200,7 @@ const paste = (e) => {
 		width: 100%;
 		margin: 6px 0 0 0;
 		padding: 0;
-		background-color: var(--layer_2_color);
+		background: var(--body_color);
 		box-shadow: 1px 1px 5px var(--shadow_color);
 	}
 

svelte/src/filesystem/filemanager/GalleryView.svelte

@@ -75,14 +75,14 @@ const node_icon = node => {
 	overflow: hidden;
 	border-radius: 8px;
 	box-shadow: 1px 1px 6px 0 var(--shadow_color);
-	background-color: var(--layer_3_color);
+	background: var(--input_background);
 	text-align: center;
 	line-height: 1.2em;
 	display: inline-block;
 	text-overflow: ellipsis;
 	text-decoration: none;
 	vertical-align: top;
-	color: var(--text_color);
+	color: var(--body_text_color);
 }
 .file:hover {
 	box-shadow: 0 0 2px 2px var(--highlight_color);

svelte/src/filesystem/filemanager/ListView.svelte

@@ -76,7 +76,7 @@ const node_icon = node => {
 	overflow: hidden;
 	margin: 8px auto 16px auto;
 	text-align: left;
-	background-color: var(--layer_2_color);
+	background: var(--body_color);
 	box-shadow: 1px 1px 6px var(--shadow_color);
 	border-collapse: collapse;
 	border-radius: 8px;
@@ -97,11 +97,11 @@ const node_icon = node => {
 	padding: 6px;
 }
 .node:not(:last-child) {
-	border-bottom: 1px solid var(--layer_2_color_border);
+	border-bottom: 1px solid var(--separator);
 }
 .node:hover:not(.node_selected) {
-	background-color: var(--input_color_dark);
-	color: var(--input_text_color);
+	background: var(--input_background);
+	color: var(--input_text);
 	text-decoration: none;
 }
 .node.node_selected {