added "Black And White" theme

FuntyGithub · FuntyGithub · commit a8c1716b6c7f · 2022-12-22T23:10:48.000+01:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.theme_ideas
diff --git a/assets/scripts/index.js b/assets/scripts/index.js
@@ -134,7 +134,6 @@ function themeBtn() {
         }
     }
 
-
 }
 
 function closePopup(id) {
diff --git a/assets/styles/index.css b/assets/styles/index.css
@@ -54,6 +54,16 @@ body {
     box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 1);
 }
 
+.themeDiv:hover {
+    background-color: var(--container-highlight-color);
+    cursor: pointer;
+}
+
+.themeDiv:active {
+    background-color: var(--container-color);
+    box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 1);
+}
+
 
 .nav ul li {
     display: inline-block;
diff --git a/assets/styles/themes.css b/assets/styles/themes.css
@@ -23,4 +23,16 @@
     --container-color: rgb(28, 28, 28, 0.6);
     --container-inner-color: rgb(50, 50, 50, 0.2);
     --container-highlight-color: rgb(55, 55, 55, 0.6);
+}
+
+.theme-blackAndWhite {
+    --primary-color: #dbdada;
+    --text-color: #c4c4c4;
+    --higlight-color: #ffffff;
+    --shadow-color: #9e9e9e;
+
+    --background-color: rgb(22, 22, 22);
+    --container-color: rgb(28, 28, 28);
+    --container-inner-color: rgb(50, 50, 50);
+    --container-highlight-color: rgb(55, 55, 55);
 }
diff --git a/assets/themes/BlackAndWhite.png b/assets/themes/BlackAndWhite.png
diff --git a/index.html b/index.html
@@ -15,7 +15,7 @@
     <meta name="wot-verification" content="f29f0d03c5085b4d00aa" />
 </head>
 
-<body class="theme-default">
+<body class="theme-christmas">
     <div id="header">
         <!-- <div class="logo">
             <img src="./assets/logo.png" alt="logo">
@@ -153,6 +153,11 @@ <h1 class="heading">Default</h1>
                     <img src="./assets/themes/Funty.png" alt="Funty" class="themeImg">
                     <h1 class="heading">Funty</h1>
                 </div>
+
+                <div class="themeDiv container" data-theme-name="theme-blackAndWhite">
+                    <img src="./assets/themes/BlackAndWhite.png" alt="Dark" class="themeImg">
+                    <h1 class="heading">Black And White</h1>
+                </div>
                 
             </div>
 

Original file line number	Diff line number	Diff line change
`@@ -134,7 +134,6 @@ function themeBtn() {`
`134`	`134`	`}`
`135`	`135`	`}`
`136`	`136`
`137`		`-`
`138`	`137`	`}`
`139`	`138`
`140`	`139`	`function closePopup(id) {`