Set border width from theme

main
Bob Mottram 2020-05-28 14:27:25 +01:00
parent e9a24115c1
commit 2dc3a7302c
5 changed files with 14 additions and 3 deletions

View File

@ -2,6 +2,7 @@
:root { :root {
--main-bg-color: #282c37; --main-bg-color: #282c37;
--link-bg-color: #282c37;
--main-fg-color: #dddddd; --main-fg-color: #dddddd;
--main-link-color: #999; --main-link-color: #999;
--main-visited-color: #888; --main-visited-color: #888;
@ -46,11 +47,13 @@ a, u {
a:visited{ a:visited{
color: var(--main-visited-color); color: var(--main-visited-color);
background: var(--link-bg-color);
font-weight: bold; font-weight: bold;
} }
a:link { a:link {
color: var(--main-link-color); color: var(--main-link-color);
background: var(--link-bg-color);
font-weight: bold; font-weight: bold;
} }
@ -83,12 +86,14 @@ a:link {
font-size: var(--font-size4); font-size: var(--font-size4);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
color: var(--main-link-color); color: var(--main-link-color);
background: var(--link-bg-color);
} }
.pgp { .pgp {
font-size: var(--font-size5); font-size: var(--font-size5);
font-family: Arial, Helvetica, sans-serif; font-family: Arial, Helvetica, sans-serif;
color: var(--main-link-color); color: var(--main-link-color);
background: var(--link-bg-color);
font-family: 'monospace'; font-family: 'monospace';
} }

View File

@ -7,6 +7,7 @@
--main-link-color: #999; --main-link-color: #999;
--main-visited-color: #888; --main-visited-color: #888;
--border-color: #505050; --border-color: #505050;
--border-width: 2px;
--font-size-header: 18px; --font-size-header: 18px;
--font-color-header: #ccc; --font-color-header: #ccc;
--font-size: 22px; --font-size: 22px;
@ -58,7 +59,7 @@ a:link {
} }
form { form {
border: 3px solid var(--border-color); border: var(--border-width) solid var(--border-color);
border-radius: var(--form-border-radius); border-radius: var(--form-border-radius);
} }

View File

@ -13,6 +13,7 @@
--main-link-color: #999; --main-link-color: #999;
--main-visited-color: #888; --main-visited-color: #888;
--border-color: #505050; --border-color: #505050;
--border-width: 2px;
--font-size-header: 18px; --font-size-header: 18px;
--font-color-header: #ccc; --font-color-header: #ccc;
--font-size-button-mobile: 34px; --font-size-button-mobile: 34px;
@ -274,7 +275,7 @@ a:link {
} }
.container { .container {
border: 2px solid var(--border-color); border: var(--border-width) solid var(--border-color);
background-color: var(--main-bg-color); background-color: var(--main-bg-color);
border-radius: var(--timeline-border-radius); border-radius: var(--timeline-border-radius);
padding: 20px; padding: 20px;

View File

@ -2,6 +2,7 @@
:root { :root {
--main-bg-color: #282c37; --main-bg-color: #282c37;
--link-bg-color: #282c37;
--main-bg-color-darker: #232c37; --main-bg-color-darker: #232c37;
--main-bg-color-report: #221c27; --main-bg-color-report: #221c27;
--main-header-color-roles: #282237; --main-header-color-roles: #282237;
@ -46,11 +47,13 @@ a, u {
a:visited{ a:visited{
color: var(--main-visited-color); color: var(--main-visited-color);
background: var(--link-bg-color);
font-weight: bold; font-weight: bold;
} }
a:link { a:link {
color: var(--main-link-color); color: var(--main-link-color);
background: var(--link-bg-color);
font-weight: bold; font-weight: bold;
} }

View File

@ -171,11 +171,12 @@ def setThemeLCD(baseDir: str):
themeParams = { themeParams = {
"main-bg-color": "#9fb42b", "main-bg-color": "#9fb42b",
"link-bg-color": "#33390d", "link-bg-color": "#33390d",
"main-bg-color-reply": "#1a142d", "main-bg-color-reply": "#9fb42b",
"main-bg-color-report": "#12152d", "main-bg-color-report": "#12152d",
"main-header-color-roles": "#1f192d", "main-header-color-roles": "#1f192d",
"main-fg-color": "#33390d", "main-fg-color": "#33390d",
"border-color": "#33390d", "border-color": "#33390d",
"border-width": "5px",
"main-link-color": "#9fb42b", "main-link-color": "#9fb42b",
"main-visited-color": "#9fb42b", "main-visited-color": "#9fb42b",
"button-selected": "#01b82b", "button-selected": "#01b82b",