mirror of
https://github.com/JGH0/Todo-App-Backend.git
synced 2026-06-03 13:28:47 +02:00
Add marketplace
This commit is contained in:
16
public/themes/arctic-frost.css
Normal file
16
public/themes/arctic-frost.css
Normal file
@@ -0,0 +1,16 @@
|
||||
/* Arctic Frost Theme — MinimalStudio v3.0.0 */
|
||||
:root {
|
||||
--color-primary: #2176AE;
|
||||
--color-secondary: #57C4E5;
|
||||
--color-background: #F8FBFF;
|
||||
--color-surface: #FFFFFF;
|
||||
--color-text: #1C2B3A;
|
||||
--color-accent: #A8DADC;
|
||||
}
|
||||
|
||||
body { background-color: var(--color-background); color: var(--color-text); font-family: system-ui, sans-serif; }
|
||||
a, .link { color: var(--color-primary); }
|
||||
.btn-primary { background: var(--color-primary); color: #fff; border: none; border-radius: 6px; padding: 8px 18px; cursor: pointer; }
|
||||
.btn-primary:hover { background: var(--color-secondary); }
|
||||
.card { background: var(--color-surface); border-radius: 10px; box-shadow: 0 1px 6px rgba(33,118,174,0.08); padding: 20px; border: 1px solid #DDE8F0; }
|
||||
.tag { background: var(--color-accent); color: var(--color-text); border-radius: 4px; padding: 2px 8px; font-size: 0.75rem; }
|
||||
16
public/themes/forest-grove.css
Normal file
16
public/themes/forest-grove.css
Normal file
@@ -0,0 +1,16 @@
|
||||
/* Forest Grove Theme — NaturePalette v1.0.5 */
|
||||
:root {
|
||||
--color-primary: #2D6A4F;
|
||||
--color-secondary: #52B788;
|
||||
--color-background: #F0F7EE;
|
||||
--color-surface: #FFFFFF;
|
||||
--color-text: #1B2E22;
|
||||
--color-accent: #B7E4C7;
|
||||
}
|
||||
|
||||
body { background-color: var(--color-background); color: var(--color-text); font-family: system-ui, sans-serif; }
|
||||
a, .link { color: var(--color-primary); }
|
||||
.btn-primary { background: var(--color-primary); color: #fff; border: none; border-radius: 6px; padding: 8px 18px; cursor: pointer; }
|
||||
.btn-primary:hover { background: var(--color-secondary); }
|
||||
.card { background: var(--color-surface); border-radius: 10px; box-shadow: 0 2px 8px rgba(45,106,79,0.12); padding: 20px; }
|
||||
.tag { background: var(--color-accent); color: var(--color-text); border-radius: 4px; padding: 2px 8px; font-size: 0.75rem; }
|
||||
16
public/themes/midnight-void.css
Normal file
16
public/themes/midnight-void.css
Normal file
@@ -0,0 +1,16 @@
|
||||
/* Midnight Void Theme — ThemeForge v2.0.1 */
|
||||
:root {
|
||||
--color-primary: #7C3AED;
|
||||
--color-secondary: #A78BFA;
|
||||
--color-background: #0D0D1A;
|
||||
--color-surface: #1A1A2E;
|
||||
--color-text: #E2E8F0;
|
||||
--color-accent: #F472B6;
|
||||
}
|
||||
|
||||
body { background-color: var(--color-background); color: var(--color-text); font-family: system-ui, sans-serif; }
|
||||
a, .link { color: var(--color-secondary); }
|
||||
.btn-primary { background: var(--color-primary); color: #fff; border: none; border-radius: 6px; padding: 8px 18px; cursor: pointer; }
|
||||
.btn-primary:hover { background: var(--color-accent); }
|
||||
.card { background: var(--color-surface); border-radius: 10px; box-shadow: 0 2px 16px rgba(124,58,237,0.25); padding: 20px; }
|
||||
.tag { background: var(--color-accent); color: #0D0D1A; border-radius: 4px; padding: 2px 8px; font-size: 0.75rem; }
|
||||
16
public/themes/obsidian-rose.css
Normal file
16
public/themes/obsidian-rose.css
Normal file
@@ -0,0 +1,16 @@
|
||||
/* Obsidian Rose Theme — ChromaCraft v1.3.0 */
|
||||
:root {
|
||||
--color-primary: #C9184A;
|
||||
--color-secondary: #FF4D6D;
|
||||
--color-background: #0A0A0F;
|
||||
--color-surface: #1C1C28;
|
||||
--color-text: #F1E3E4;
|
||||
--color-accent: #B5838D;
|
||||
}
|
||||
|
||||
body { background-color: var(--color-background); color: var(--color-text); font-family: system-ui, sans-serif; }
|
||||
a, .link { color: var(--color-secondary); }
|
||||
.btn-primary { background: var(--color-primary); color: #fff; border: none; border-radius: 6px; padding: 8px 18px; cursor: pointer; }
|
||||
.btn-primary:hover { background: var(--color-secondary); }
|
||||
.card { background: var(--color-surface); border-radius: 10px; box-shadow: 0 2px 16px rgba(201,24,74,0.2); padding: 20px; }
|
||||
.tag { background: var(--color-accent); color: #0A0A0F; border-radius: 4px; padding: 2px 8px; font-size: 0.75rem; }
|
||||
16
public/themes/ocean-breeze.css
Normal file
16
public/themes/ocean-breeze.css
Normal file
@@ -0,0 +1,16 @@
|
||||
/* Ocean Breeze Theme — ThemeForge v1.2.0 */
|
||||
:root {
|
||||
--color-primary: #0077B6;
|
||||
--color-secondary: #00B4D8;
|
||||
--color-background: #E0F4FF;
|
||||
--color-surface: #FFFFFF;
|
||||
--color-text: #1A2B3C;
|
||||
--color-accent: #48CAE4;
|
||||
}
|
||||
|
||||
body { background-color: var(--color-background); color: var(--color-text); font-family: system-ui, sans-serif; }
|
||||
a, .link { color: var(--color-primary); }
|
||||
.btn-primary { background: var(--color-primary); color: #fff; border: none; border-radius: 6px; padding: 8px 18px; cursor: pointer; }
|
||||
.btn-primary:hover { background: var(--color-secondary); }
|
||||
.card { background: var(--color-surface); border-radius: 10px; box-shadow: 0 2px 8px rgba(0,119,182,0.1); padding: 20px; }
|
||||
.tag { background: var(--color-accent); color: var(--color-text); border-radius: 4px; padding: 2px 8px; font-size: 0.75rem; }
|
||||
16
public/themes/sunset-ember.css
Normal file
16
public/themes/sunset-ember.css
Normal file
@@ -0,0 +1,16 @@
|
||||
/* Sunset Ember Theme — ChromaCraft v1.1.2 */
|
||||
:root {
|
||||
--color-primary: #D62828;
|
||||
--color-secondary: #F77F00;
|
||||
--color-background: #FFF5E4;
|
||||
--color-surface: #FFFFFF;
|
||||
--color-text: #2D1B00;
|
||||
--color-accent: #FCBF49;
|
||||
}
|
||||
|
||||
body { background-color: var(--color-background); color: var(--color-text); font-family: system-ui, sans-serif; }
|
||||
a, .link { color: var(--color-primary); }
|
||||
.btn-primary { background: var(--color-secondary); color: #fff; border: none; border-radius: 6px; padding: 8px 18px; cursor: pointer; }
|
||||
.btn-primary:hover { background: var(--color-primary); }
|
||||
.card { background: var(--color-surface); border-radius: 10px; box-shadow: 0 2px 8px rgba(214,40,40,0.1); padding: 20px; }
|
||||
.tag { background: var(--color-accent); color: var(--color-text); border-radius: 4px; padding: 2px 8px; font-size: 0.75rem; }
|
||||
Reference in New Issue
Block a user