fix: update demos to have an adequate colors in selectors

Author: AleksandrSl

cmp/compiler/src/react/shared/LocaleSwitcher.tsx

@@ -98,7 +98,6 @@ export function LocaleSwitcher({
       disabled={loading}
       className={className}
       style={{
-        opacity: loading ? 0.5 : 1,
         cursor: loading ? "wait" : "pointer",
         ...style,
       }}

cmp/demo/next16/app/globals.css

@@ -3,6 +3,7 @@
 :root {
   --background: #ffffff;
   --foreground: #171717;
+  color-scheme: dark;
 }
 
 @theme inline {
@@ -24,3 +25,8 @@ body {
   color: var(--foreground);
   font-family: Arial, Helvetica, sans-serif;
 }
+
+.locale-switcher option,
+optgroup {
+  background-color: black;
+}

cmp/demo/next16/app/page.tsx

@@ -31,6 +31,7 @@ export default function Home() {
             { code: "de", label: "Deutsch" },
             { code: "ru", label: "Русский" },
           ]}
+          className="locale-switcher"
         />
       </header>
       <div className="flex w-full grow flex-col items-center justify-between py-32 px-16 bg-white dark:bg-black sm:items-start">
@@ -63,15 +64,17 @@ export default function Home() {
           {"</>"}
         </div>
         <div>
-          What happens if I use a property {something.cool} and{" "}
-          {something.translatedCool}
-        </div>
-        <div>
-          Text external to the component is not translated: {externalText}
-        </div>
-        <div>
-          Content that has text and other tags inside will br translated as a
-          single entity: {translatableMixedContextFragment}
+          <div>
+            What happens if I use a property {something.cool} and{" "}
+            {something.translatedCool}
+          </div>
+          <div>
+            Text external to the component is not translated: {externalText}
+          </div>
+          <div>
+            Content that has text and other tags inside will br translated as a
+            single entity: {translatableMixedContextFragment}
+          </div>
         </div>
       </div>
     </main>