web: always set css variables

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer 2021-04-11 18:56:43 +02:00
parent d6f60ad9ec
commit 430e3c576c
5 changed files with 40 additions and 29 deletions

View File

@ -1,5 +1,13 @@
:root { :root {
--ak-accent: #fd4b2d; --ak-accent: #fd4b2d;
--ak-dark-foreground: #fafafa;
--ak-dark-foreground-darker: #bebebe;
--ak-dark-foreground-link: #5a5cb9;
--ak-dark-background: #18191a;
--ak-dark-background-darker: #000000;
--ak-dark-background-light: #1c1e21;
--ak-dark-background-lighter: #2b2e33;
} }
html { html {
@ -92,14 +100,6 @@ body {
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--ak-dark-foreground: #fafafa;
--ak-dark-foreground-darker: #bebebe;
--ak-dark-foreground-link: #5a5cb9;
--ak-dark-background: #18191a;
--ak-dark-background-darker: #000000;
--ak-dark-background-light: #1c1e21;
--ak-dark-background-lighter: #2b2e33;
--pf-global--Color--100: var(--ak-dark-foreground); --pf-global--Color--100: var(--ak-dark-foreground);
--pf-c-page__main-section--m-light--BackgroundColor: var(--ak-dark-background-darker); --pf-c-page__main-section--m-light--BackgroundColor: var(--ak-dark-background-darker);
--pf-global--link--Color: var(--ak-dark-foreground-link); --pf-global--link--Color: var(--ak-dark-foreground-link);

View File

@ -39,9 +39,11 @@ export class PageHeader extends LitElement {
:host { :host {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
min-height: 114px;
} }
button.sidebar-trigger { button.sidebar-trigger {
background-color: var(--pf-c-page__main-section--m-light--BackgroundColor); background-color: var(--pf-c-page__main-section--m-light--BackgroundColor);
border-radius: 0px;
} }
.pf-c-page__main-section { .pf-c-page__main-section {
width: 100%; width: 100%;

View File

@ -188,7 +188,7 @@ msgstr "Application's display Name."
msgid "Applications" msgid "Applications"
msgstr "Applications" msgstr "Applications"
#: src/pages/admin-overview/AdminOverviewPage.ts:42 #: src/pages/admin-overview/AdminOverviewPage.ts:43
msgid "Apps with most usage" msgid "Apps with most usage"
msgstr "Apps with most usage" msgstr "Apps with most usage"
@ -329,7 +329,7 @@ msgstr "Backup finished with errors."
msgid "Backup finished with warnings." msgid "Backup finished with warnings."
msgstr "Backup finished with warnings." msgstr "Backup finished with warnings."
#: src/pages/admin-overview/AdminOverviewPage.ts:59 #: src/pages/admin-overview/AdminOverviewPage.ts:60
msgid "Backup status" msgid "Backup status"
msgstr "Backup status" msgstr "Backup status"
@ -393,11 +393,11 @@ msgstr "Built-in"
msgid "CA which the endpoint's Certificate is verified against. Can be left empty for no validation." msgid "CA which the endpoint's Certificate is verified against. Can be left empty for no validation."
msgstr "CA which the endpoint's Certificate is verified against. Can be left empty for no validation." msgstr "CA which the endpoint's Certificate is verified against. Can be left empty for no validation."
#: src/pages/admin-overview/AdminOverviewPage.ts:57 #: src/pages/admin-overview/AdminOverviewPage.ts:58
msgid "Cached Flows" msgid "Cached Flows"
msgstr "Cached Flows" msgstr "Cached Flows"
#: src/pages/admin-overview/AdminOverviewPage.ts:55 #: src/pages/admin-overview/AdminOverviewPage.ts:56
msgid "Cached Policies" msgid "Cached Policies"
msgstr "Cached Policies" msgstr "Cached Policies"
@ -1394,6 +1394,10 @@ msgstr "Friendly Name"
msgid "From address" msgid "From address"
msgstr "From address" msgstr "From address"
#: src/pages/admin-overview/AdminOverviewPage.ts:36
msgid "General system status"
msgstr "General system status"
#: src/pages/crypto/CertificateKeyPairListPage.ts:135 #: src/pages/crypto/CertificateKeyPairListPage.ts:135
#: src/pages/crypto/CertificateKeyPairListPage.ts:143 #: src/pages/crypto/CertificateKeyPairListPage.ts:143
msgid "Generate" msgid "Generate"
@ -1751,7 +1755,7 @@ msgstr "Login to continue to {0}."
msgid "Logins" msgid "Logins"
msgstr "Logins" msgstr "Logins"
#: src/pages/admin-overview/AdminOverviewPage.ts:39 #: src/pages/admin-overview/AdminOverviewPage.ts:40
#: src/pages/applications/ApplicationViewPage.ts:68 #: src/pages/applications/ApplicationViewPage.ts:68
msgid "Logins over the last 24 hours" msgid "Logins over the last 24 hours"
msgstr "Logins over the last 24 hours" msgstr "Logins over the last 24 hours"
@ -2241,7 +2245,7 @@ msgid "Please enter your password"
msgstr "Please enter your password" msgstr "Please enter your password"
#: src/interfaces/AdminInterface.ts:26 #: src/interfaces/AdminInterface.ts:26
#: src/pages/admin-overview/AdminOverviewPage.ts:47 #: src/pages/admin-overview/AdminOverviewPage.ts:48
#: src/pages/flows/FlowListPage.ts:50 #: src/pages/flows/FlowListPage.ts:50
#: src/pages/policies/PolicyListPage.ts:38 #: src/pages/policies/PolicyListPage.ts:38
msgid "Policies" msgid "Policies"
@ -2395,7 +2399,7 @@ msgid "Provider type"
msgstr "Provider type" msgstr "Provider type"
#: src/interfaces/AdminInterface.ts:20 #: src/interfaces/AdminInterface.ts:20
#: src/pages/admin-overview/AdminOverviewPage.ts:45 #: src/pages/admin-overview/AdminOverviewPage.ts:46
#: src/pages/outposts/OutpostForm.ts:82 #: src/pages/outposts/OutpostForm.ts:82
#: src/pages/outposts/OutpostListPage.ts:51 #: src/pages/outposts/OutpostListPage.ts:51
msgid "Providers" msgid "Providers"
@ -3681,7 +3685,7 @@ msgid "Username: Same as Text input, but checks for and prevents duplicate usern
msgstr "Username: Same as Text input, but checks for and prevents duplicate usernames." msgstr "Username: Same as Text input, but checks for and prevents duplicate usernames."
#: src/interfaces/AdminInterface.ts:32 #: src/interfaces/AdminInterface.ts:32
#: src/pages/admin-overview/AdminOverviewPage.ts:49 #: src/pages/admin-overview/AdminOverviewPage.ts:50
#: src/pages/users/UserListPage.ts:32 #: src/pages/users/UserListPage.ts:32
msgid "Users" msgid "Users"
msgstr "Users" msgstr "Users"
@ -3722,7 +3726,7 @@ msgstr "Verification Certificate"
msgid "Verify the user's email address by sending them a one-time-link. Can also be used for recovery to verify the user's authenticity." msgid "Verify the user's email address by sending them a one-time-link. Can also be used for recovery to verify the user's authenticity."
msgstr "Verify the user's email address by sending them a one-time-link. Can also be used for recovery to verify the user's authenticity." msgstr "Verify the user's email address by sending them a one-time-link. Can also be used for recovery to verify the user's authenticity."
#: src/pages/admin-overview/AdminOverviewPage.ts:51 #: src/pages/admin-overview/AdminOverviewPage.ts:52
msgid "Version" msgid "Version"
msgstr "Version" msgstr "Version"
@ -3821,7 +3825,7 @@ msgstr "Whoops!"
msgid "Windows" msgid "Windows"
msgstr "Windows" msgstr "Windows"
#: src/pages/admin-overview/AdminOverviewPage.ts:53 #: src/pages/admin-overview/AdminOverviewPage.ts:54
msgid "Workers" msgid "Workers"
msgstr "Workers" msgstr "Workers"

View File

@ -188,7 +188,7 @@ msgstr ""
msgid "Applications" msgid "Applications"
msgstr "" msgstr ""
#: src/pages/admin-overview/AdminOverviewPage.ts:42 #: src/pages/admin-overview/AdminOverviewPage.ts:43
msgid "Apps with most usage" msgid "Apps with most usage"
msgstr "" msgstr ""
@ -325,7 +325,7 @@ msgstr ""
msgid "Backup finished with warnings." msgid "Backup finished with warnings."
msgstr "" msgstr ""
#: src/pages/admin-overview/AdminOverviewPage.ts:59 #: src/pages/admin-overview/AdminOverviewPage.ts:60
msgid "Backup status" msgid "Backup status"
msgstr "" msgstr ""
@ -389,11 +389,11 @@ msgstr ""
msgid "CA which the endpoint's Certificate is verified against. Can be left empty for no validation." msgid "CA which the endpoint's Certificate is verified against. Can be left empty for no validation."
msgstr "" msgstr ""
#: src/pages/admin-overview/AdminOverviewPage.ts:57 #: src/pages/admin-overview/AdminOverviewPage.ts:58
msgid "Cached Flows" msgid "Cached Flows"
msgstr "" msgstr ""
#: src/pages/admin-overview/AdminOverviewPage.ts:55 #: src/pages/admin-overview/AdminOverviewPage.ts:56
msgid "Cached Policies" msgid "Cached Policies"
msgstr "" msgstr ""
@ -1386,6 +1386,10 @@ msgstr ""
msgid "From address" msgid "From address"
msgstr "" msgstr ""
#: src/pages/admin-overview/AdminOverviewPage.ts:36
msgid "General system status"
msgstr ""
#: src/pages/crypto/CertificateKeyPairListPage.ts:135 #: src/pages/crypto/CertificateKeyPairListPage.ts:135
#: src/pages/crypto/CertificateKeyPairListPage.ts:143 #: src/pages/crypto/CertificateKeyPairListPage.ts:143
msgid "Generate" msgid "Generate"
@ -1743,7 +1747,7 @@ msgstr ""
msgid "Logins" msgid "Logins"
msgstr "" msgstr ""
#: src/pages/admin-overview/AdminOverviewPage.ts:39 #: src/pages/admin-overview/AdminOverviewPage.ts:40
#: src/pages/applications/ApplicationViewPage.ts:68 #: src/pages/applications/ApplicationViewPage.ts:68
msgid "Logins over the last 24 hours" msgid "Logins over the last 24 hours"
msgstr "" msgstr ""
@ -2233,7 +2237,7 @@ msgid "Please enter your password"
msgstr "" msgstr ""
#: src/interfaces/AdminInterface.ts:26 #: src/interfaces/AdminInterface.ts:26
#: src/pages/admin-overview/AdminOverviewPage.ts:47 #: src/pages/admin-overview/AdminOverviewPage.ts:48
#: src/pages/flows/FlowListPage.ts:50 #: src/pages/flows/FlowListPage.ts:50
#: src/pages/policies/PolicyListPage.ts:38 #: src/pages/policies/PolicyListPage.ts:38
msgid "Policies" msgid "Policies"
@ -2387,7 +2391,7 @@ msgid "Provider type"
msgstr "" msgstr ""
#: src/interfaces/AdminInterface.ts:20 #: src/interfaces/AdminInterface.ts:20
#: src/pages/admin-overview/AdminOverviewPage.ts:45 #: src/pages/admin-overview/AdminOverviewPage.ts:46
#: src/pages/outposts/OutpostForm.ts:82 #: src/pages/outposts/OutpostForm.ts:82
#: src/pages/outposts/OutpostListPage.ts:51 #: src/pages/outposts/OutpostListPage.ts:51
msgid "Providers" msgid "Providers"
@ -3671,7 +3675,7 @@ msgid "Username: Same as Text input, but checks for and prevents duplicate usern
msgstr "" msgstr ""
#: src/interfaces/AdminInterface.ts:32 #: src/interfaces/AdminInterface.ts:32
#: src/pages/admin-overview/AdminOverviewPage.ts:49 #: src/pages/admin-overview/AdminOverviewPage.ts:50
#: src/pages/users/UserListPage.ts:32 #: src/pages/users/UserListPage.ts:32
msgid "Users" msgid "Users"
msgstr "" msgstr ""
@ -3712,7 +3716,7 @@ msgstr ""
msgid "Verify the user's email address by sending them a one-time-link. Can also be used for recovery to verify the user's authenticity." msgid "Verify the user's email address by sending them a one-time-link. Can also be used for recovery to verify the user's authenticity."
msgstr "" msgstr ""
#: src/pages/admin-overview/AdminOverviewPage.ts:51 #: src/pages/admin-overview/AdminOverviewPage.ts:52
msgid "Version" msgid "Version"
msgstr "" msgstr ""
@ -3811,7 +3815,7 @@ msgstr ""
msgid "Windows" msgid "Windows"
msgstr "" msgstr ""
#: src/pages/admin-overview/AdminOverviewPage.ts:53 #: src/pages/admin-overview/AdminOverviewPage.ts:54
msgid "Workers" msgid "Workers"
msgstr "" msgstr ""

View File

@ -33,7 +33,8 @@ export class AdminOverviewPage extends LitElement {
return html` return html`
<ak-page-header <ak-page-header
icon="" icon=""
header=${t`System Overview`}> header=${t`System Overview`}
description=${t`General system status`}>
</ak-page-header> </ak-page-header>
<section class="pf-c-page__main-section"> <section class="pf-c-page__main-section">
<div class="pf-l-gallery pf-m-gutter"> <div class="pf-l-gallery pf-m-gutter">