liz/wikijs-fork
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
client/components/editor/editor-ckeditor.vue
View File

@ -68,6 +68,17 @@ export default {
language: this.locale, language: this.locale,
placeholder: 'Type the page content here', placeholder: 'Type the page content here',
disableNativeSpellChecker: false, disableNativeSpellChecker: false,
// TODO: Mention autocomplete
//
// mention: {
// feeds: [
// {
// marker: '@',
// feed: [ '@Barney', '@Lily', '@Marshall', '@Robin', '@Ted' ],
// minimumCharacters: 1
// }
// ]
// },
wordCount: { wordCount: {
onUpdate: stats => { onUpdate: stats => {
this.stats = { this.stats = {

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

@ -662,24 +662,46 @@
border-collapse: collapse; border-collapse: collapse;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, .07); box-shadow: 0 0 5px 0 rgba(0, 0, 0, .07);
@at-root .theme--dark & {
background-color: darken(mc('grey', '900'), 3%);
}
td, th { td, th {
border: 1px solid mc('blue-grey', '100'); border: 1px solid mc('blue-grey', '100');
box-shadow: inset -1px -1px 0 0 #FFF, inset 1px 0 0 #FFF; box-shadow: inset -1px -1px 0 0 #FFF, inset 1px 0 0 #FFF;
padding: .5rem .75rem; 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 { th {
background-color: lighten(mc('blue-grey', '50'), 1%);; background-color: lighten(mc('blue-grey', '50'), 1%);
font-weight: 700; 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 { thead th {
border-bottom: 2px solid mc('blue-grey', '100'); border-bottom: 2px solid mc('blue-grey', '100');
@at-root .theme--dark & {
border-bottom: none;
}
} }
tbody th { tbody th {
background-color: lighten(mc('blue-grey', '50'), 4%); 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');
}
}
} }
// --------------------------------- // ---------------------------------