hw12 styles

src/s2-homeworks/hw07/common/c5-SuperSelect/SuperSelect.module.css

@@ -10,7 +10,7 @@
     background-repeat: no-repeat;
     border-radius: 2px;
     border: 1px solid #C2C2C2;
-    color: #000000;
+    color: inherit;
     font-family: 'Montserrat', sans-serif;
     font-weight: 400;
     font-size: 14px;
@@ -20,16 +20,6 @@
     outline: none;
 }
 
-.option {
-    /*padding: 30px;*/
-    color: var(--primary-content);
-    background: var(--primary);
-}
-
-.option:checked {
-    color: var(--secondary-content);
-    background: var(--primary);
-}
 
 .option:hover {
     box-shadow: 0 0 10px 100px #fed20f inset;

src/s2-homeworks/hw12/HW12.tsx

@@ -7,8 +7,8 @@ import { changeThemeId } from './bll/themeReducer'
 
 const themes = [
     { id: 1, value: 'light' },
-    { id: 2, value: 'dark' },
-    { id: 3, value: 'retro' },
+    { id: 2, value: 'blue' },
+    { id: 3, value: 'dark' },
 ]
 
 const HW12 = () => {
@@ -21,19 +21,18 @@ const HW12 = () => {
     }
 
     return (
-        <div id={'hw12'} className={s2.hw + ' ' + s[theme]}>
-            <div
-                id={'hw12-text'}
-                className={s2.hwTitle + ' ' + s[theme + '-text']}
-            >
-                homeworks 12
+        <div id={'hw12'}>
+            <div id={'hw12-text'} className={s2.hwTitle}>
+                Homework #12
+            </div>
+            <div className={s2.hw}>
+                <SuperSelect
+                    id={'hw12-select-theme'}
+                    value={themeId}
+                    options={themes}
+                    onChangeOption={change}
+                />
             </div>
-            <SuperSelect
-                id={'hw12-select-theme'}
-                value={themeId}
-                options={themes}
-                onChangeOption={change}
-            />
         </div>
     )
 }