Create FUNDING.yml

Better readability on light theme

.github/FUNDING.yml

@@ -0,0 +1 @@
+custom: ['https://github.com/WalkxCode/md/blob/main/donate.md']

README.md

@@ -1,9 +1,24 @@
+<a href="https://github.com/WalkxCode/md/blob/main/donate.md">
+ <img src="https://img.shields.io/static/v1?label=Donate&message=Crypto&color=f7931a&style=for-the-badge">
+</a>
+
+<p align="center">
+ <details open>
+  <summary>Dark mode preview!</summary>
+   <img alt="Homer Theme" src="https://raw.githubusercontent.com/WalkxCode/Homer-Theme/main/preview.png">
+ </details>
+ <details>
+  <summary>Light mode preview!</summary>
+   <img alt="Homer Theme" src="https://raw.githubusercontent.com/WalkxCode/Homer-Theme/main/preview-light.png">
+ </details>
+ <p align="center">
+  This is v2 of Homer Theme, v1 is available <a href="https://github.com/WalkxCode/Homer-Theme/tree/v1">here.</a>
+</p>
+
+</p>
 <h1 align="center">
- <img
-  alt="Homer Theme"
-  src="https://raw.githubusercontent.com/WalkxCode/Homer-Theme/main/preview.png">
     <br/>
-    Homer Theme
+    Homer Theme v2
 </h1>
 
 <h4 align="center">
@@ -22,6 +37,7 @@
 
 ## Table of Contents
 - [All Changes](#all-changes)
+- [v2 Changes](#v2-changes)
 - [Getting Started](#getting-started)
 - [Extra Configuration](docs/extra-configuration.md)
 
@@ -32,6 +48,14 @@
 - Custom tag colors
 - Custom wallpaper
 - No header
+- Offline Fonts
+
+## v2 changes
+- Added Light mode
+- More rounded corners
+- Added settings header
+- Changed GitHub Icon
+- Offline Fonts
 
 ## Getting started!
 

assets/config.yml

@@ -24,7 +24,7 @@ colors:
     text-subtitle: "#111111"
     card-shadow: rgba(0, 0, 0, 0.5)
     link: "#3273dc"
-    link-hover: "#c1c1c1"
+    link-hover: "#2e4053"
     background-image: "../assets/wallpaper-light.jpeg" # Change wallpaper.jpeg to the name of your own custom wallpaper!
   dark:
     highlight-primary: "#181C3A"

assets/custom.css

@@ -94,6 +94,9 @@ body .layout-vertical .card {
 .card {
     border-radius: 1rem;
 }
+body .layout-vertical .column div:last-of-type .card { 
+    border-radius: 1rem; 
+}
 
 /* Changes Header Opacity */
 body #bighead .navbar {
@@ -107,4 +110,4 @@ body .search-bar input {
 body #bighead .navbar a:focus, body #bighead .navbar a:hover {
    background-color: rgba(0, 0, 0, 0);
    color: var(--link-hover);
-}
+}

docs/extra-configuration.md

@@ -38,6 +38,14 @@ colors:
     background-image: "../assets/wallpaper.jpeg" # Change wallpaper.jpeg to the name of your own custom wallpaper!
 ```
 
+## Custom column amount
+You can change the amount of columns by changing the following line:
+
+```yaml
+columns: "3" # You can change this to any number that is a factor of 12: (1, 2, 3, 4, 6, 12)
+theme: default
+```
+
 ## Custom icons
 You can get custom icons for your Homer dashboard [here](https://github.com/WalkxCode/dashboard-icons).