liz/wikijs-fork
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: table styles dark mode

Browse Source
This commit is contained in:
NGPixel
2020-06-22 23:56:18 -04:00
parent abe86928fb
commit 969e7e2fe6
2 changed files with 44 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
client/themes/default/scss/app.scss
View File

@@ -662,24 +662,46 @@
border-collapse: collapse;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .07);
@at-root .theme--dark & {
background-color: darken(mc('grey', '900'), 3%);
}
td, th {
border: 1px solid mc('blue-grey', '100');
box-shadow: inset -1px -1px 0 0 #FFF, inset 1px 0 0 #FFF;
padding: .5rem .75rem;
@at-root .theme--dark & {
border-color: mc('grey', '700');
box-shadow: inset -1px -1px 0 0 rgba(0,0,0, .5);
}
}
th {
background-color: lighten(mc('blue-grey', '50'), 1%);;
background-color: lighten(mc('blue-grey', '50'), 1%);
font-weight: 700;
color: mc('grey', '800');
color: mc('blue-grey', '700');
@at-root .theme--dark & {
background-color: mc('grey', '800');
color: mc('grey', '400');
}
}
thead th {
border-bottom: 2px solid mc('blue-grey', '100');
@at-root .theme--dark & {
border-bottom: none;
}
}
tbody th {
background-color: lighten(mc('blue-grey', '50'), 4%);
@at-root .theme--dark & {
background-color: darken(mc('grey', '800'), 8%);
}
}
}
}
@@ -842,6 +864,15 @@
}
}
.mention {
background-color: rgba(153, 0, 48, .1);
color: #990030;
@at-root .theme--dark & {
color: mc('pink', '500');
}
}
}
// ---------------------------------