web: always set css variables
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
parent
d6f60ad9ec
commit
430e3c576c
|
@ -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);
|
||||||
|
|
|
@ -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%;
|
||||||
|
|
|
@ -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"
|
||||||
|
|
||||||
|
|
|
@ -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 ""
|
||||||
|
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Reference in New Issue