100 lines
2.2 KiB
CSS
100 lines
2.2 KiB
CSS
:root{
|
|
--bg:white;
|
|
--drag:rgba(255, 255, 255, 0.8);
|
|
--color:black;
|
|
--beforehover:#757575;
|
|
--modal:white;
|
|
--subcolor:#e0e0e0;
|
|
--box:white;
|
|
--sidebar:#eeeeee;
|
|
--shared:#cfd8dc;
|
|
--notfbox:white;
|
|
--emphasized:#81c784;
|
|
--his-data:rgba(255, 255, 255, 0.9);
|
|
--active:#e6ee9c;
|
|
--postbox:white;
|
|
--modalfooter:#fafafa;
|
|
}
|
|
#imagemodal{
|
|
background: url("../img/pixel.white.svg");
|
|
}
|
|
.blacktheme {
|
|
--bg:#212121;
|
|
--drag:rgba(0, 0, 0, 0.8);
|
|
--color:white;
|
|
--beforehover:#9e9e9e;
|
|
--modal:black;
|
|
--subcolor:#212121;
|
|
--box:#424242;
|
|
--sidebar:#424242;
|
|
--shared:#004d40;
|
|
--notfbox:#333333;
|
|
--emphasized:#4e342e;
|
|
--his-data:rgba(0, 0, 0, 0.8);
|
|
--active:#757575;
|
|
--postbox:#424242;
|
|
--modalfooter:#212121;
|
|
}
|
|
.blacktheme #imagemodal{
|
|
background: url("../img/pixel.svg");
|
|
}
|
|
.indigotheme {
|
|
--bg:#031833;
|
|
--drag:rgba(0, 0, 0, 0.8);
|
|
--color:white;
|
|
--beforehover:#9e9e9e;
|
|
--modal:#0d1351;
|
|
--subcolor:#0d1351;
|
|
--shared:#004d40;
|
|
--box:#0d1351;
|
|
--sidebar:#0d1351;
|
|
--notfbox:#0d47a1;
|
|
--emphasized:#4e342e;
|
|
--his-data:rgba(13, 19, 81,0.8);
|
|
--active:#757575;
|
|
--postbox:#1a237e;
|
|
--modalfooter:#031833;
|
|
}
|
|
.indigotheme #imagemodal{
|
|
background: url("../img/pixel.svg");
|
|
}
|
|
.browntheme {
|
|
--bg:#261411;
|
|
--drag:rgba(0, 0, 0, 0.8);
|
|
--color:white;
|
|
--beforehover:#9e9e9e;
|
|
--modal:#261411;
|
|
--subcolor:#4e342e;
|
|
--shared:#004d40;
|
|
--box:#4e342e;
|
|
--sidebar:#4e342e;
|
|
--notfbox:#4e342e;
|
|
--emphasized:#0d47a1;
|
|
--his-data:rgba(62, 39, 35,0.8);
|
|
--active:#757575;
|
|
--postbox:#4e342e;
|
|
--modalfooter:#261411;
|
|
}
|
|
.browntheme #imagemodal{
|
|
background: url("../img/pixel.svg");
|
|
}
|
|
.greentheme{
|
|
--bg:#c8e6c9;
|
|
--drag:rgba(255, 255, 255, 0.8);
|
|
--color:black;
|
|
--beforehover:#757575;
|
|
--modal:#81c784;
|
|
--subcolor:#a5d6a7;
|
|
--box:#81c784;
|
|
--sidebar:#81c784;
|
|
--shared:#ffcc80;
|
|
--notfbox:#a5d6a7;
|
|
--emphasized:#9e9d24;
|
|
--his-data:rgba(255, 255, 255, 0.9);
|
|
--active:#e6ee9c;
|
|
--postbox:#a5d6a7;
|
|
--modalfooter:#81c784;
|
|
}
|
|
.greentheme #imagemodal{
|
|
background: url("../img/pixel.white.svg");
|
|
} |