More theme variation fixes

Author: kepano

Minimal.css

@@ -379,6 +379,7 @@ body .excalidraw {
   --background-secondary-alt: white;
   --ribbon-background: white;
   --titlebar-background: white;
+  --mobile-sidebar-background: white;
   --bg1: white;
 }
 
@@ -565,8 +566,10 @@ body .excalidraw {
   --background-secondary: var(--bg1);
   --background-primary-alt: var(--bg3);
   --background-table-rows: var(--bg3);
-  --interactive-normal: var(--bg3);
+}
+.theme-light.minimal-light-tonal.is-mobile {
   --background-modifier-form-field: var(--bg3);
+  --interactive-normal: var(--bg3);
 }
 
 .theme-dark.minimal-dark-tonal {
@@ -603,6 +606,10 @@ body {
   --bases-table-text-size: var(--table-text-size);
 }
 
+.query-toolbar-menu .combobox-button {
+  background-color: transparent;
+}
+
 .block-language-base .bases-header .query-toolbar,
 .bases-embed .bases-header .query-toolbar {
   padding-bottom: 2px;
@@ -4404,6 +4411,9 @@ body:not(.full-file-names) .tree-item-inner {
 .is-mobile .markdown-source-view.mod-cm6 .cm-gutters {
   margin-left: 0;
 }
+.is-mobile.theme-light .menu {
+  --interactive-normal: var(--background-modifier-hover);
+}
 
 .is-mobile .workspace-drawer.mod-left.is-pinned {
   width: var(--mobile-left-sidebar-width);

manifest.json

@@ -1,6 +1,6 @@
 {
 	"name": "Minimal",
-	"version": "8.0.3",
+	"version": "8.0.4",
 	"minAppVersion": "1.9.0",
 	"author": "@kepano",
 	"authorUrl": "https://twitter.com/kepano",

src/css/main.css

@@ -1,26 +1,32 @@
 .bases-view {
-    --bases-table-text-size: var(--table-text-size);
+	--bases-table-text-size: var(--table-text-size);
+}
+
+.query-toolbar-menu {
+	.combobox-button {
+		background-color: transparent;
+	}
 }
 .block-language-base,
 .bases-embed {
-    .bases-header {
-        .query-toolbar {
-            padding-bottom: 2px;
-            opacity: var(--bases-toolbar-opacity);
-            transition: 0.15s 0.15s opacity;
-            &:hover {
-                opacity: 1;
-                transition: 0s opacity;
-            }
-        }
-    }
+	.bases-header {
+		.query-toolbar {
+			padding-bottom: 2px;
+			opacity: var(--bases-toolbar-opacity);
+			transition: 0.15s 0.15s opacity;
+			&:hover {
+				opacity: 1;
+				transition: 0s opacity;
+			}
+		}
+	}
 }
 .base-plain {
-    .bases-header {
-        display: none;
-    }
+	.bases-header {
+		display: none;
+	}
 }
 
 .bases-table-header-icon {
-    display: var(--bases-table-header-icon-display);
+	display: var(--bases-table-header-icon-display);
 }

src/css/main.css.map

@@ -34,6 +34,9 @@
 	.markdown-source-view.mod-cm6 .cm-gutters {
 		margin-left: 0;
 	}
+	&.theme-light .menu {
+		--interactive-normal: var(--background-modifier-hover);
+	}
 }
 
 .is-mobile {

src/css/main.min.css

@@ -272,6 +272,7 @@ body .excalidraw {
 	--background-secondary-alt:   white;
 	--ribbon-background:          white;
 	--titlebar-background:        white;
+	--mobile-sidebar-background:  white;
 	--bg1: white;
 }
 

src/css/main.min.css.map

@@ -171,8 +171,10 @@
 	--background-secondary:      var(--bg1);
 	--background-primary-alt:    var(--bg3);
 	--background-table-rows:     var(--bg3);
-	--interactive-normal:        var(--bg3);
-	--background-modifier-form-field: var(--bg3);
+	&.is-mobile {
+		--background-modifier-form-field: var(--bg3);
+		--interactive-normal:             var(--bg3);
+	}
 }
 
 .theme-dark.minimal-dark-tonal {