intercal/interchan
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add color vars to style.css and some winbox stuff

Browse Source 
Signed-off-by: Alek Ratzloff <alekratz@gmail.com>
This commit is contained in:
Alek Ratzloff
2022-06-23 22:57:56 -07:00
parent 8f9b27d5be
commit 4c5d8cee2a
1 changed files with 41 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
board/static/board/style.css
View File

@@ -1,9 +1,19 @@
:root {
--body: #ededed;
--highlight: #555;
--border-color: #555;
--quote: #595;
--activated: #888;
--post-background: #d9d9d9;
--reply-background: #eee;
}
body { body {
background-color: #ededed; background-color: var(--body);
} }
hr { hr {
color: #ededed; color: var(--body);
} }
th { th {
@@ -37,8 +47,8 @@ th {
.post_menu { .post_menu {
position: absolute; position: absolute;
background: #ededed; background: var(--body);
outline: 1px solid #555; outline: 1px solid var(--border-color);
} }
.post_menu_items { .post_menu_items {
@@ -80,7 +90,7 @@ th {
} }
.post_id:hover { .post_id:hover {
color: #888; color: var(--activated);
} }
.post_subject { .post_subject {
@@ -92,12 +102,12 @@ th {
} }
.post { .post {
background-color: #d9d9d9; background-color: var(--post-background);
padding: 10px; padding: 10px;
} }
.reply { .reply {
background-color: #eee; background-color: var(--reply-background);
padding: 10px; padding: 10px;
margin: 5px 0 0 0; margin: 5px 0 0 0;
} }
@@ -108,7 +118,7 @@ th {
} }
.quote { .quote {
color: #595; color: var(--quote);
} }
.post_link { .post_link {
@@ -122,17 +132,36 @@ th {
/* Misc */ /* Misc */
a:link { a:link {
color: #555; color: var(--highlight);
} }
a:visited { a:visited {
color: #555; color: var(--highlight);
} }
a:hover { a:hover {
color: #888; color: var(--activated);
} }
a:active { a:active {
color: #888; color: var(--activated);
}
/*******************************************************************************
Winbox.js styles
********************************************************************************/
.wb-min {
display: none;
}
.wb-max {
display: none;
}
.wb-full {
display: none;
}
.winbox {
background: var(--border-color);
} }