Handle selectable table dark mode more elegantly

This commit is contained in:
Alex Ling 2020-07-22 17:31:38 +00:00
parent 2773c1e67f
commit 70ea1711ce
2 changed files with 3 additions and 4 deletions

View File

@ -63,11 +63,11 @@
background: #F4E487; background: #F4E487;
} }
#selectable .ui-selecting.dark { .uk-light #selectable .ui-selecting {
background: #5E5731; background: #5E5731;
} }
#selectable .ui-selected.dark { .uk-light #selectable .ui-selected {
background: #9D9252; background: #9D9252;
} }

View File

@ -278,8 +278,7 @@ const buildTable = () => {
const group_str = Object.entries(chp.groups).map(([k, v]) => { const group_str = Object.entries(chp.groups).map(([k, v]) => {
return `<a href="${baseURL }/group/${v}">${k}</a>`; return `<a href="${baseURL }/group/${v}">${k}</a>`;
}).join(' | '); }).join(' | ');
const dark = loadTheme() === 'dark' ? 'dark' : ''; return `<tr class="ui-widget-content">
return `<tr class="ui-widget-content ${dark}">
<td><a href="${baseURL}/chapter/${chp.id}">${chp.id}</a></td> <td><a href="${baseURL}/chapter/${chp.id}">${chp.id}</a></td>
<td>${chp.title}</td> <td>${chp.title}</td>
<td>${chp.language}</td> <td>${chp.language}</td>