Thicc shadows

res/static/style/layout.css

@@ -495,7 +495,7 @@ select {
 	overflow: hidden;
 	color: var(--input_text);
 	cursor: pointer;
-	box-shadow: 1px 1px 0px 0px var(--shadow_color);
+	box-shadow: 1px 1px 0px 1px var(--shadow_color);
 	transition: padding 0.1s, box-shadow 0.1s, background 0.1s;
 
 	/* Align content vertically in relation to the container */
@@ -510,6 +510,7 @@ select {
 	text-decoration: none;
 	text-shadow: none;
 	border: none;
+	line-height: inherit;
 }
 
 button:hover,
@@ -649,7 +650,7 @@ input[type="datetime-local"] {
 	border-radius: 6px;
 	background: var(--input_background);
 	padding: 3px 5px;
-	box-shadow: inset 1px 1px 0px 0px var(--shadow_color);
+	box-shadow: inset 1px 1px 0px 1px var(--shadow_color);
 	/* override user-agent style */
 	min-width: 100px;
 	color: var(--input_text);

svelte/src/filesystem/Breadcrumbs.svelte

@@ -38,14 +38,13 @@ export let fs_navigator
 .breadcrumb {
 	min-width: 1em;
 	text-align: center;
-	margin: 4px;
+	line-height: 1em;
 	word-break: break-all;
-	padding: 0;
 	display: flex;
 	flex-direction: row;
 }
 .node_name {
-	margin: 2px 8px;
+	margin: 2px;
 	max-width: 20vw;
 	overflow: hidden;
 	text-overflow: ellipsis;
@@ -58,7 +57,4 @@ export let fs_navigator
 .nopad {
 	margin-left: 0;
 }
-.icon {
-	margin: 2px 4px;
-}
 </style>

svelte/src/filesystem/edit_window/BrandingOptions.svelte

@@ -181,7 +181,7 @@ input[type="color"] {
 	grid-column: span 3;
 }
 .disabled {
-	filter: brightness(50%);
+	filter: opacity(40%);
 }
 
 .example {

webcontroller/style.go

@@ -262,7 +262,7 @@ func (s styleSheet) String() string {
 		s.Chart1.CSS(),
 		s.Chart2.CSS(),
 		s.Chart3.CSS(),
-		s.BodyColor.Darken(0.7).CSS(),
+		s.BodyColor.Darken(0.8).CSS(),
 	)
 }