Dark-mode styling for select and option elements (#310) (#311)

* 4 more Vue School Video Links (CAPI events, teleport, component registration, devtools) (#1576)

* Fix mismatched quotes in import (#1586)

* Dark-mode styling for select and option elements (#1587)

Co-authored-by: Daniel Kelly <[email protected]>
Co-authored-by: skirtle <[email protected]>

Author: 3 people

.vitepress/theme/styles/inline-demo.css

@@ -55,6 +55,15 @@
   padding: 0.2em 0.6em;
   margin-top: 10px;
   background: transparent;
+  transition: background-color 0.5s;
+}
+
+.dark .demo select {
+  background: var(--vt-c-bg-soft);
+}
+
+.dark .demo select option {
+  background: transparent;
 }
 
 .demo input:not([type]):focus,