Initial commit.

css/themes/black.css

@@ -0,0 +1,31 @@
+/**
+ * @fileoverview Black Theme for Rantii
+ * @author retoor <retoor@molodetz.nl>
+ * @description Pure black OLED theme
+ * @keywords theme, black, oled, colors
+ */
+
+:root.theme-black,
+.theme-black {
+    --color-bg: #000000;
+    --color-bg-secondary: #0a0a0a;
+    --color-bg-tertiary: #141414;
+    --color-surface: #0a0a0a;
+    --color-surface-hover: #1a1a1a;
+    --color-border: #2a2a2a;
+    --color-text: #ffffff;
+    --color-text-secondary: #a0a0a0;
+    --color-text-muted: #666666;
+    --color-primary: #e94560;
+    --color-primary-hover: #f85070;
+    --color-secondary: #1a1a1a;
+    --color-success: #4ade80;
+    --color-warning: #fbbf24;
+    --color-error: #f87171;
+    --color-info: #60a5fa;
+    --color-upvote: #4ade80;
+    --color-downvote: #f87171;
+    --color-link: #60a5fa;
+    --color-code-bg: #0a0a0a;
+    --color-overlay: rgba(0, 0, 0, 0.8);
+}

css/themes/dark.css

@@ -0,0 +1,31 @@
+/**
+ * @fileoverview Dark Theme for Rantii
+ * @author retoor <retoor@molodetz.nl>
+ * @description Dark color scheme
+ * @keywords theme, dark, colors, scheme
+ */
+
+:root.theme-dark,
+.theme-dark {
+    --color-bg: #1a1a2e;
+    --color-bg-secondary: #16213e;
+    --color-bg-tertiary: #0f3460;
+    --color-surface: #1f1f38;
+    --color-surface-hover: #2a2a4a;
+    --color-border: #3a3a5a;
+    --color-text: #eaeaea;
+    --color-text-secondary: #a0a0b0;
+    --color-text-muted: #707080;
+    --color-primary: #e94560;
+    --color-primary-hover: #f85070;
+    --color-secondary: #0f3460;
+    --color-success: #4ade80;
+    --color-warning: #fbbf24;
+    --color-error: #f87171;
+    --color-info: #60a5fa;
+    --color-upvote: #4ade80;
+    --color-downvote: #f87171;
+    --color-link: #60a5fa;
+    --color-code-bg: #0d1117;
+    --color-overlay: rgba(0, 0, 0, 0.7);
+}

css/themes/forest.css

@@ -0,0 +1,31 @@
+/**
+ * @fileoverview Forest Theme for Rantii
+ * @author retoor <retoor@molodetz.nl>
+ * @description Deep forest green theme
+ * @keywords theme, forest, green, colors
+ */
+
+:root.theme-forest,
+.theme-forest {
+    --color-bg: #0d1f0d;
+    --color-bg-secondary: #122912;
+    --color-bg-tertiary: #1a3a1a;
+    --color-surface: #122912;
+    --color-surface-hover: #1e451e;
+    --color-border: #2a5a2a;
+    --color-text: #e8f5e8;
+    --color-text-secondary: #a8c8a8;
+    --color-text-muted: #6a8a6a;
+    --color-primary: #4caf50;
+    --color-primary-hover: #66bb6a;
+    --color-secondary: #1a3a1a;
+    --color-success: #81c784;
+    --color-warning: #ffb74d;
+    --color-error: #e57373;
+    --color-info: #64b5f6;
+    --color-upvote: #81c784;
+    --color-downvote: #e57373;
+    --color-link: #64b5f6;
+    --color-code-bg: #0a160a;
+    --color-overlay: rgba(13, 31, 13, 0.8);
+}

css/themes/light.css

@@ -0,0 +1,31 @@
+/**
+ * @fileoverview Light Theme for Rantii
+ * @author retoor <retoor@molodetz.nl>
+ * @description Light color scheme
+ * @keywords theme, light, colors, scheme
+ */
+
+:root.theme-light,
+.theme-light {
+    --color-bg: #f5f5f7;
+    --color-bg-secondary: #ffffff;
+    --color-bg-tertiary: #e8e8ec;
+    --color-surface: #ffffff;
+    --color-surface-hover: #f0f0f4;
+    --color-border: #d1d1d6;
+    --color-text: #1c1c1e;
+    --color-text-secondary: #636366;
+    --color-text-muted: #8e8e93;
+    --color-primary: #d63651;
+    --color-primary-hover: #c52d47;
+    --color-secondary: #e8e8ec;
+    --color-success: #34c759;
+    --color-warning: #ff9500;
+    --color-error: #ff3b30;
+    --color-info: #007aff;
+    --color-upvote: #34c759;
+    --color-downvote: #ff3b30;
+    --color-link: #007aff;
+    --color-code-bg: #f6f8fa;
+    --color-overlay: rgba(0, 0, 0, 0.5);
+}

css/themes/ocean.css

@@ -0,0 +1,31 @@
+/**
+ * @fileoverview Ocean Theme for Rantii
+ * @author retoor <retoor@molodetz.nl>
+ * @description Deep ocean blue theme
+ * @keywords theme, ocean, blue, colors
+ */
+
+:root.theme-ocean,
+.theme-ocean {
+    --color-bg: #0a1929;
+    --color-bg-secondary: #0d2137;
+    --color-bg-tertiary: #132f4c;
+    --color-surface: #0d2137;
+    --color-surface-hover: #173a5e;
+    --color-border: #1e4976;
+    --color-text: #e7ebf0;
+    --color-text-secondary: #b2bac2;
+    --color-text-muted: #6f7e8c;
+    --color-primary: #5090d3;
+    --color-primary-hover: #66a6e8;
+    --color-secondary: #132f4c;
+    --color-success: #66bb6a;
+    --color-warning: #ffa726;
+    --color-error: #ef5350;
+    --color-info: #42a5f5;
+    --color-upvote: #66bb6a;
+    --color-downvote: #ef5350;
+    --color-link: #42a5f5;
+    --color-code-bg: #001e3c;
+    --color-overlay: rgba(10, 25, 41, 0.8);
+}

css/themes/sunset.css

@@ -0,0 +1,31 @@
+/**
+ * @fileoverview Sunset Theme for Rantii
+ * @author retoor <retoor@molodetz.nl>
+ * @description Warm sunset orange theme
+ * @keywords theme, sunset, orange, colors
+ */
+
+:root.theme-sunset,
+.theme-sunset {
+    --color-bg: #1f1410;
+    --color-bg-secondary: #2a1a14;
+    --color-bg-tertiary: #3d261c;
+    --color-surface: #2a1a14;
+    --color-surface-hover: #453024;
+    --color-border: #5a4030;
+    --color-text: #fef3e8;
+    --color-text-secondary: #d4b8a0;
+    --color-text-muted: #8a7060;
+    --color-primary: #ff7043;
+    --color-primary-hover: #ff8a65;
+    --color-secondary: #3d261c;
+    --color-success: #aed581;
+    --color-warning: #ffca28;
+    --color-error: #ef5350;
+    --color-info: #4fc3f7;
+    --color-upvote: #aed581;
+    --color-downvote: #ef5350;
+    --color-link: #4fc3f7;
+    --color-code-bg: #170e0a;
+    --color-overlay: rgba(31, 20, 16, 0.8);
+}

css/themes/white.css

@@ -0,0 +1,31 @@
+/**
+ * @fileoverview White Theme for Rantii
+ * @author retoor <retoor@molodetz.nl>
+ * @description Pure white minimalist theme
+ * @keywords theme, white, minimal, colors
+ */
+
+:root.theme-white,
+.theme-white {
+    --color-bg: #ffffff;
+    --color-bg-secondary: #fafafa;
+    --color-bg-tertiary: #f0f0f0;
+    --color-surface: #ffffff;
+    --color-surface-hover: #f5f5f5;
+    --color-border: #e0e0e0;
+    --color-text: #000000;
+    --color-text-secondary: #505050;
+    --color-text-muted: #909090;
+    --color-primary: #c52d47;
+    --color-primary-hover: #a82540;
+    --color-secondary: #f0f0f0;
+    --color-success: #2e8b57;
+    --color-warning: #cc7700;
+    --color-error: #cc3333;
+    --color-info: #0066cc;
+    --color-upvote: #2e8b57;
+    --color-downvote: #cc3333;
+    --color-link: #0066cc;
+    --color-code-bg: #f5f5f5;
+    --color-overlay: rgba(0, 0, 0, 0.4);
+}