additional themes bruv

2026-02-05 11:09:26 +00:00 · 2024-07-11 21:32:58 +02:00
parent 8e8cb732df
commit a7786b64eb
29 changed files with 1106 additions and 0 deletions
--- a/themes/README.md
+++ b/themes/README.md
@@ -0,0 +1,103 @@
+# Custom CSS Themes
+
+You can create custom Themes. They must at least include the following:
+
+## Requirements for Themes
+
+### Required Variables
+
+Define the following variables in your theme:
+
+- `--color1`: Primary color
+- `--color2`: Secondary color
+- `--color3`: Additional color
+- `--color4`: Another color
+
+These variables are essential for automatic icon generation.
+
+### Folder Icon Specification
+
+Include the following CSS rule to specify the folder icon used in your theme:
+
+```css
+.folders img {
+  content: url("data:image/svg+xml,%3Csvg width='800px' height='800px' viewBox='0 0 1024 1024' class='icon' version='1.1' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0' /%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round' /%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M853.333333 256H469.333333l-85.333333-85.333333H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v170.666667h853.333334v-85.333334c0-46.933333-38.4-85.333333-85.333334-85.333333z' fill='%233674e7' /%3E%3Cpath d='M853.333333 256H170.666667c-46.933333 0-85.333333 38.4-85.333334 85.333333v426.666667c0 46.933333 38.4 85.333333 85.333334 85.333333h682.666666c46.933333 0 85.333333-38.4 85.333334-85.333333V341.333333c0-46.933333-38.4-85.333333-85.333334-85.333333z' fill='%236495ed' /%3E%3C/g%3E%3C/svg%3E");
+  fill: var(--color1); /* Adjust fill color as per your theme */
+}
+```
+
+Replace the SVG data URI (`url("data:image/svg+xml,...")`) with your desired SVG icon content. Adjust the `fill` color to match `--color1` or another suitable color from your theme's palette.
+
+## Previews of included themes
+
+### Alpenglow Theme
+
+![Alpenglow Theme](./alpenglow.png)
+
+### Aritim Dark Theme
+
+![Aritim Dark Theme](./aritim-dark.png)
+
+### Aritim Theme
+
+![Aritim Theme](./aritim.png)
+
+### Autumn Theme
+
+![Autumn Theme](./autumn.png)
+
+### Carnation Theme
+
+![Carnation Theme](./carnation.png)
+
+### Catpuccino Theme
+
+![Catpuccin Theme](./catpuccin.png)
+
+### Cornflower Theme
+
+![Cornflower Theme](./cornflower.png)
+
+### Default Dark Theme
+
+![Default Dark Theme](./default-dark.png)
+
+### Default Theme
+
+![Default Theme](./default.png)
+
+### Ivy Theme
+
+![Ivy Theme](./ivy.png)
+
+### Kjoe Theme
+
+![Kjoe Theme](./kjoe.png)
+
+### Monokai Vibrant Theme
+
+![Monokai Vibrant Theme](./monokai-vibrant.png)
+
+### Rainbow Theme
+
+![Rainbow Theme](./rainbow.png)
+
+### Spring Theme
+
+![Spring Theme](./spring.png)
+
+### Steam Theme
+
+![Steam Theme](./steam.png)
+
+### Summer Theme
+
+![Summer Theme](./summer.png)
+
+### Sunflower Theme
+
+![Sunflower Theme](./sunflower.png)
+
+### Winter Theme
+
+![Winter Theme](./winter.png)