themes: added Flammingkite theme

Still need to implement custom theme selection
2020-09-01 14:32:30 +02:00 · 2020-09-01 14:32:30 +02:00 · 80bbcac8db
parent da78d0da70
commit 80bbcac8db
1 changed files with 113 additions and 0 deletions
--- a/app/static/css/themes/FK_dark_theme.css
+++ b/app/static/css/themes/FK_dark_theme.css
@ -0,0 +1,113 @@
+/* Theme metadata
+@NAME: FK's Dark Theme
+@AUTHOR: Flammingkite
+*/
+
+
+/*
+#22292c = gris bleuté, menu original
+#1c2122 = gris foncé, intérieur du menu
+*/
+
+:root {
+    --background: #1c2124; /*22292c, 1c2124, 1E1E1E, 242424,*/
+    --text: #f2f2f2;
+
+    --links: #fe2d2d;
+
+    --ok: #149641;
+    --ok-text: #ffffff;
+    --ok-active: #0f7331;
+
+    --warn: #f59f25;
+    --warn-text: #ffffff;
+    --warn-active: #ea9720;
+
+    --error: #d23a2f;
+    --error-text: #ffffff;
+    --error-active: #b32a20;
+
+    --info: #2e7aec;
+    --info-text: #ffffff;
+    --info-active: #215ab0;
+
+    --hr-border: 1px solid #b0b0b0;
+}
+
+.form {
+    --background: #ffffff;
+    --text: #000000;
+    --border: 1px solid #c8c8c8;
+    --border-focused: #7cade0;
+    --shadow-focused: rgba(87, 143, 228, 0.5);
+}
+
+.editor button {
+    --background: #ffffff;
+    --text: #000000;
+    --border: 1px solid rgba(0, 0, 0, 0);
+    --border-focused: 1px solid rgba(0, 0, 0, .5);
+}
+
+#light-menu {
+    --background: #1c2124; /*1c2124, 22292c*/
+    --text: #ffffff;
+    --icons: #ffffff;
+    --shadow: 0 0 4px rgba(255, 255, 255, 0.15);
+
+    --logo-bg: #bf1c11;
+    --logo-shadow: 0 0 2px rgba(0, 0, 0, .7);
+    --logo-active: #d72411;
+}
+
+#menu {
+    --background: #1c2124;
+    --text: #ffffff;
+    --icons: #ffffff;
+    --shadow: 0 0 8px rgba(0, 0, 0, 0.3);
+
+    --input-bg: #22292c;
+    --input-text: #ffffff;
+    --input-border: 1px solid #474747;
+}
+
+
+
+header {
+    --background: #0d1215; /*5a5a5a*/
+    --text: #000000;
+    --border: 1px solid #d0d0d0;
+}
+
+footer {
+    --background: rgba(0, 0, 0, 1); /*  #ffffff */
+    --text: #a0a0a0;
+    --border: #d0d0d0;
+}
+
+.flash {
+    --background: #ffffff;
+    --text: #212121;
+    --shadow: 0 1px 12px rgba(0, 0, 0, 0.3);
+
+    /* Uncomment to inherit :root values
+    --ok: #149641;
+    --warn: #f59f25;
+    --error: #d23a2f;
+    --info: #2e7aec; */
+
+    --btn-bg: rgba(0, 0, 0, 0);
+    --btn-text: #000000;
+    --btn-bg-active: rgba(0, 0, 0, .15);
+}
+
+.profile-xp {
+    --background: #e0e0e0;
+    --border: 1px solid #c0c0c0;
+    --background-xp: #f85555;
+    --border-xp: 1px solid #d03333;
+}
+
+
+table tr:nth-child(even) { --background: rgba(255, 255, 255, 0.15); }
+table tr:nth-child(odd) { --background: #1c2124; } /* 22292c = background, 1c2124, 1e1e1e*/