120 lines
2.3 KiB
CSS
120 lines
2.3 KiB
CSS
/* Some colors, variables etc. to be used as theme */
|
|
|
|
:root {
|
|
--background: #ffffff;
|
|
--text: #000000;
|
|
--text-light: #101010;
|
|
|
|
--links: #c61a1a;
|
|
|
|
--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 #d8d8d8;
|
|
}
|
|
|
|
table {
|
|
--border: #d8d8d8;
|
|
}
|
|
table tr:nth-child(even) {
|
|
--background: rgba(0, 0, 0, .1);
|
|
}
|
|
table th {
|
|
--background: #e0e0e0;
|
|
--border: #d0d0d0;
|
|
}
|
|
|
|
.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: #22292c;
|
|
--text: #ffffff;
|
|
--icons: #ffffff;
|
|
--shadow: 0 0 4px rgba(0, 0, 0, 0.3);
|
|
|
|
--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: #f4f4f6;
|
|
--text: #000000;
|
|
--border: 1px solid #d8d8d8;
|
|
}
|
|
|
|
footer {
|
|
--background: #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;
|
|
--background-xp-100: #d03333;
|
|
--border-xp: 1px solid #d03333;
|
|
}
|
|
|
|
div.editor-toolbar, div.CodeMirror {
|
|
--border: #c0c0c0;
|
|
--background-light: #d9d9d9;
|
|
--background-preview: #f4f4f6;
|
|
--separator: #a0a0a0;
|
|
--text-disabled: #c0c0c0;
|
|
}
|