1
0
mirror of https://github.com/krateng/maloja.git synced 2023-08-10 21:12:55 +03:00

Design changes

This commit is contained in:
krateng 2021-11-17 19:55:34 +01:00
parent d9cd546952
commit e236cce86c
2 changed files with 16 additions and 6 deletions

View File

@ -7,6 +7,8 @@
--base-color-dark: #090909;
--base-color-light: #343437;
--base-color-accent: #26262A;
--base-color-accent-dark: #1d1d21;
--base-color-accent-light: #404044;
--text-color: beige;
--text-color-selected: fadeout(var(--text-color),40%);
@ -28,7 +30,8 @@
body {
background-color: var(--base-color);
--current-bg-color: var(--base-color); /* drag this information through inheritances */
background-color: var(--current-bg-color);
color: var(--text-color);
font-family:"Ubuntu";
}

View File

@ -464,7 +464,7 @@ table.list {
table.list tr td {
border-bottom:2px solid;
border-color:rgba(0,0,0,0);
border-color:var(--current-bg-color);
white-space: nowrap;
overflow:hidden;
text-overflow:ellipsis;
@ -474,7 +474,11 @@ table.list tr td {
}
table.list tr:nth-child(even) {
background-color:var(--base-color-accent);
/* background-color:var(--base-color-accent); */
--current-bg-color: rgba(255,255,255,0.05);
background-color: var(--current-bg-color);
border-color: var(--current-bg-color);
/* make rows distinguishable with respect to any bg color */
}
table.list tr:nth-child(5n) td {
@ -483,7 +487,9 @@ table.list tr:nth-child(5n) td {
}
table.list tr:hover {
background-color:#404044;
--current-bg-color: rgba(255,255,255,0.2);
background-color: var(--current-bg-color);
border-color: var(--current-bg-color);
}
table.list td.time {
@ -614,7 +620,7 @@ table.list td.chart div {
height:4px;
*/
height:20px;
background-color: var(--base-color-dark);
background-color: var(--base-color-accent-dark);
border-radius: 0px 30px 30px 0px;
background-image:url("/media/chartpos_normal.png");
background-position: right;
@ -829,7 +835,8 @@ div.sidelist {
top:0px;
width:40%;
height:100%;
background-color: var(--base-color-light);
--current-bg-color: var(--base-color-light); /* drag this information through inheritances */
background-color: var(--current-bg-color);
padding-left:30px;
padding-right:30px;
}