diff --git a/README.md b/README.md
index 1976a6b..b4b2e21 100644
--- a/README.md
+++ b/README.md
@@ -1,64 +1,12 @@
-# Penn State Communities Index
+# *(fork of)* Penn State Communities Index
The **Penn State Communities Index** is an unofficial initiative aimed at fostering community and connection among Penn State students. This lightweight and efficient project provides a centralized platform to discover and join various group chats (GCs) for different interests, classes, and communities within Penn State.
-## Features
+## Why did I make this fork?
-- **Dynamic Tag Filtering**: Easily filter communities by tags like "Class of 2029," "Residence Halls," or "Recently Added."
-- **Search Functionality**: Quickly search for communities by name, description, or tags.
-- **Responsive Design**: Fully responsive layout optimized for both desktop and mobile devices.
-- **Lightweight Codebase**: The entire project is less than **100kB**, making it fast and efficient to load.
-- **Customizable Tags**: Tags are dynamically generated and can be easily updated.
-
-## Contribution Guide
-
-We welcome contributions to make PSCI even better! Follow these simple steps to add new group chats (GCs) or improve the project:
-
-1. **Install TailwindCSS CLI**:
-
- ```bash
- npm install tailwindcss @tailwindcss/cli
- ```
-
-2. **Create an `input.css` File**:
- In the root directory, create a file named `input.css` and add the following line:
-
- ```css
- @import "tailwindcss";
- ```
-
-3. **Clone the Repository**:
- Clone this repository into a `src` folder:
-
- ```bash
- git clone https://github.com/PSCIndex/PSCIndex.github.io src
- ```
-
-4. **Generate the CSS**:
- Run the following command to generate the `styles.css` file:
-
- ```bash
- npx @tailwindcss/cli -i ./input.css -o ./src/styles.css --watch --minify --optimize
- ```
-
-5. **Add New Communities**:
-
- - Open the `src/index.html` file.
- - Add a new community card in the `#communities-grid` section. Use the existing cards as a template.
- - Ensure the `data-tags` & `data-date` attributes are updated with relevant information for filtering.
-
-6. **Commit and Push**:
- Once you've made your changes, commit and push them to the repository. After that, create a pull request for review.
-
-## Credits
-
-This project is made possible by the efforts of the following individuals:
-
-- **XelXen** - Lead Developer
-- **Anshoeman7** - Contributor
-- **Amrutha** - Representative
+Becasue **[XelXen](https://github.com/XelXen)** loves blinding people.
---
diff --git a/index.html b/index.html
index 0557186..dbaf5d0 100644
--- a/index.html
+++ b/index.html
@@ -81,6 +81,91 @@
cursor: pointer;
transition: all 0.2s ease;
}
+
+ #dark-mode-toggle {
+ border: none;
+ background: transparent;
+ cursor: pointer;
+ font-size: 1.5rem;
+ margin-top: 10px;
+ }
+
+ /* Dark mode styles */
+ body.dark-mode {
+ background-color: #1e1e1e;
+ color: #e0e0e0;
+ }
+
+ body.dark-mode header,
+ body.dark-mode main,
+ body.dark-mode footer {
+ background-color: #1e1e1e;
+ color: #e0e0e0;
+ border-color: #333;
+ }
+
+ body.dark-mode input,
+ body.dark-mode .filter-active,
+ body.dark-mode #all-tags-bar,
+ body.dark-mode .community-card {
+ background-color: #2a2a2a;
+ border-color: #444;
+ color: #e0e0e0;
+ }
+
+ body.dark-mode .filter-active {
+ background-color: #2a2a2a2a;
+ }
+
+ body.dark-mode input::placeholder {
+ color: #aaa;
+ }
+
+ body.dark-mode .pscifont {
+ color: #72A9EC;
+ }
+
+ body.dark-mode .dark-mode-font-color-0 {
+ color: #B0AA9F;
+ }
+
+ body.dark-mode .dark-mode-font-color-1 {
+ color: #C6D3DF;
+ }
+
+ body.dark-mode .dark-mode-font-color-2 {
+ color: #CCC7C0;
+ }
+
+ body.dark-mode .dark-mode-font-color-3 {
+ color: #D0D0D0;
+ }
+
+ body.dark-mode .tag {
+ background-color: #3a3a3a;
+ color: #d0d0d0;
+ }
+
+ body.dark-mode .tag:hover {
+ background-color: #505050;
+ }
+
+ body.dark-mode .dark-mode-active-filter {
+ background-color: #3a3a3a;
+ color: #d0d0d0;
+ }
+
+ body.dark-mode .expired-btn {
+ background-color: #3b82f6;
+ color: #fff;
+ }
+
+ body.dark-mode .expired-btn {
+ border-color: #ef4444;
+ color: #ef4444;
+ opacity: 0.6;
+ }
+
@@ -89,7 +174,7 @@
PSCI
-
+
Penn State Communities Index
@@ -99,7 +184,7 @@
class="w-full p-3 rounded-xl border border-slate-300 focus:ring-2 focus:ring-blue-500 focus:border-blue-500 outline-none transition duration-150 ease-in-out text-slate-700 placeholder-slate-400 bg-white sm:text-sm">