Merge pull request #473 from V-yadav18/f1

added dark theme

Author: Ayushparikh-code

Chess-Game/Readme.md

@@ -26,6 +26,8 @@ git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects.git
 - Go to the directory
 - Run the index.html file
 - Start Playing!!!
+  
+Note: In your HTML file, you would initially load one of the themes, and then you can use JavaScript to allow users to switch between the themes as mentioned in a previous response.
 
 
 <h3> Screenshot </h3>
@@ -38,4 +40,4 @@ git clone https://github.com/Ayushparikh-code/Web-dev-mini-projects.git
 
 <a href="https://sonamgupta136.github.io/Chess-Game/"> Demo </a>
 
-<br>
+<br>

Chess-Game/dark.css

@@ -0,0 +1,22 @@
+/* Dark Theme Styles */
+html, body {
+    background-color: #333;
+    color: #fff;
+}
+
+#turn {
+    background: #444;
+    border-color: #222;
+}
+
+.turnhighlight {
+    background: #5cb85c;
+    color: #fff;
+}
+
+.gamecell {
+    background: #555;
+    border-color: #222;
+}
+
+/* Add any other specific dark theme styles here */

Chess-Game/light.css

@@ -0,0 +1,22 @@
+/* Light Theme Styles */
+html, body {
+    background-color: #fff;
+    color: #333;
+}
+
+#turn {
+    background: #fff;
+    border-color: #000;
+}
+
+.turnhighlight {
+    background: #5cb85c;
+    color: #fff;
+}
+
+.gamecell {
+    background: #ccc;
+    border-color: #000;
+}
+
+/* Add any other specific light theme styles here */