Colors and styles; Live up and down with appwrite
This commit is contained in:
@@ -0,0 +1,69 @@
|
||||
:root{
|
||||
--white: white;
|
||||
--black: #273036;
|
||||
--red: #c71634;
|
||||
--cyan: #005744;
|
||||
--pink: #ff65ae;
|
||||
--blue: #00a9b3;
|
||||
--green: #189749;
|
||||
--yellow: #fff336;
|
||||
--orange: #ff6d01;
|
||||
--purple: #5b3ab1;
|
||||
--darkred: #ff2816;
|
||||
--lime: #bfff55;
|
||||
}
|
||||
|
||||
.handsontable * {
|
||||
border: 0px !important;
|
||||
text-align: center !important;
|
||||
vertical-align: middle !important;
|
||||
font-size: 15px;
|
||||
}
|
||||
|
||||
.handsontable td, .handsontable th{
|
||||
font-family: monospace;
|
||||
color: var(--white);
|
||||
background: var(--black);
|
||||
}
|
||||
|
||||
th{
|
||||
color: gray !important;
|
||||
}
|
||||
td.color-black{
|
||||
background: var(--black);
|
||||
}
|
||||
td.color-red{
|
||||
background: var(--red);
|
||||
}
|
||||
td.color-blue{
|
||||
background: var(--blue);
|
||||
}
|
||||
td.color-green{
|
||||
background: var(--green);
|
||||
}
|
||||
td.color-purple{
|
||||
background: var(--purple);
|
||||
}
|
||||
td.color-lime{
|
||||
background: var(--lime);
|
||||
color: var(--black);
|
||||
}
|
||||
td.color-cyan{
|
||||
background: var(--cyan);
|
||||
}
|
||||
td.color-darkred{
|
||||
background: var(--darkred);
|
||||
}
|
||||
td.color-pink{
|
||||
background: var(--pink);
|
||||
}
|
||||
td.color-orange{
|
||||
background: var(--orange);
|
||||
}
|
||||
td.color-yellow{
|
||||
background: var(--yellow);
|
||||
color: var(--black);
|
||||
}
|
||||
h2{
|
||||
color:green;
|
||||
}
|
||||
Reference in New Issue
Block a user