mirrors/etherpad-lite
1
0
Fork 0
mirror of https://github.com/ether/etherpad-lite.git synced 2025-05-07 23:55:12 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

colibris: introduce skin variants, in order to customize the rendering

Browse source 
This provide a nice way to change the colors of main containers from settings file. See comment inside settings for how it works
This commit is contained in:
Sebastian Castro 2020-04-07 17:33:40 +02:00 • committed by muxator
parent 913d5fd0d9
commit 709e5d2233
13 changed files with 418 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

26
src/static/skins/colibris/pad.css
View file

@ -19,6 +19,8 @@
@import url("src/plugins/tables2.css");
@import url("src/plugins/author_hover.css");
@import url("src/pad-variants.css");
html {
font-size: 15px;
}
@ -30,18 +32,24 @@ html {
*/
:root {
--dark-color: #374256;
--dark-soft-color: #576273;
--super-dark-color: #374256;
--dark-color: #576273; /*#4d5d77*/
--dark-soft-color: #6d7684; /*#606978;*/
--primary-color: #64d29b;
--middle-color: #d2d2d2; /* between light-soft-color and dark-soft-color, use for border for examples */
--light-soft-color: #f2f3f4; /*#f9f9f9;*/
--light-color: white;
--text-color: var(--dark-color);
--text-soft-color: var(--dark-soft-color);
--light-soft-color: #d8dade;
--light-color: #f2f3f4; /*#f9f9f9;*/
--super-light-color: white;
}
html {
--text-color: var(--super-dark-color);
--text-soft-color: var(--dark-color);
--border-color: var(--middle-color);
--bg-soft-color: var(--light-soft-color);
--bg-color: var(--light-color);
--bg-soft-color: var(--light-color);
--bg-color: var(--super-light-color);
--main-font-family: Quicksand, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}
@ -60,5 +68,5 @@ h1 {
/* BACKGROUND COLOR */
#editorcontainerbox {
background-color: var(--bg-soft-color);
background-color: #f2f3f4; /* default */
}