mirror/maloja
1
0
Fork 0
mirror of https://github.com/krateng/maloja.git synced 2023-08-10 21:12:55 +03:00
Code Issues Projects Releases Wiki Activity

Design changes

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
maloja/web/static/css/grisons.css
View File

@ -7,6 +7,8 @@
--base-color-dark: #090909; --base-color-dark: #090909;
--base-color-light: #343437; --base-color-light: #343437;
--base-color-accent: #26262A; --base-color-accent: #26262A;
--base-color-accent-dark: #1d1d21;
--base-color-accent-light: #404044;
--text-color: beige; --text-color: beige;
--text-color-selected: fadeout(var(--text-color),40%); --text-color-selected: fadeout(var(--text-color),40%);
@ -28,7 +30,8 @@
body { 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); color: var(--text-color);
font-family:"Ubuntu"; font-family:"Ubuntu";
} }

17
maloja/web/static/css/maloja.css
View File

@ -464,7 +464,7 @@ table.list {
table.list tr td { table.list tr td {
border-bottom:2px solid; border-bottom:2px solid;
border-color:rgba(0,0,0,0); border-color:var(--current-bg-color);
white-space: nowrap; white-space: nowrap;
overflow:hidden; overflow:hidden;
text-overflow:ellipsis; text-overflow:ellipsis;
@ -474,7 +474,11 @@ table.list tr td {
} }
table.list tr:nth-child(even) { 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 { table.list tr:nth-child(5n) td {
@ -483,7 +487,9 @@ table.list tr:nth-child(5n) td {
} }
table.list tr:hover { 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 { table.list td.time {
@ -614,7 +620,7 @@ table.list td.chart div {
height:4px; height:4px;
*/ */
height:20px; height:20px;
background-color: var(--base-color-dark); background-color: var(--base-color-accent-dark);
border-radius: 0px 30px 30px 0px; border-radius: 0px 30px 30px 0px;
background-image:url("/media/chartpos_normal.png"); background-image:url("/media/chartpos_normal.png");
background-position: right; background-position: right;
@ -829,7 +835,8 @@ div.sidelist {
top:0px; top:0px;
width:40%; width:40%;
height:100%; 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-left:30px;
padding-right:30px; padding-right:30px;
} }