Use a CSS variable for the secondary theme color.

This commit is contained in:
voussoir 2018-09-22 01:14:50 -07:00
parent 01a8a6df66
commit 2c48b43b71
6 changed files with 7 additions and 6 deletions

View file

@ -12,7 +12,7 @@
min-width: 150px; min-width: 150px;
padding: 2px; padding: 2px;
background-color: #ffffd4; background-color: var(--color_site_secondary);
} }
#clipboard_tray_expandbutton #clipboard_tray_expandbutton
{ {

View file

@ -13,6 +13,7 @@ Organization:
:root :root
{ {
--color_site_theme: #00d8f4; --color_site_theme: #00d8f4;
--color_site_secondary: #ffffd4;
--color_3d_shadow: rgba(0, 0, 0, 0.5); --color_3d_shadow: rgba(0, 0, 0, 0.5);
--color_3d_highlight: rgba(255, 255, 255, 0.5); --color_3d_highlight: rgba(255, 255, 255, 0.5);
} }
@ -52,7 +53,7 @@ pre
} }
.header_element:hover .header_element:hover
{ {
background-color: #ffffd4; background-color: var(--color_site_secondary);
} }
.editor_input .editor_input

View file

@ -1,6 +1,6 @@
.photo_card .photo_card
{ {
background-color: #ffffd4; background-color: var(--color_site_secondary);
} }
.photo_card_list .photo_card_list
{ {

View file

@ -32,7 +32,7 @@
border-radius: 8px; border-radius: 8px;
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25); box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
background-color: #ffffd4; background-color: var(--color_site_secondary);
} }
.bookmark_card .bookmark_url .bookmark_card .bookmark_url
{ {

View file

@ -31,7 +31,7 @@ body, .nice_link
} }
.nice_link:hover .nice_link:hover
{ {
background-color: #ffffd4; background-color: var(--color_site_secondary);
} }
#motd #motd
{ {

View file

@ -97,7 +97,7 @@ form
border: 1px solid black; border: 1px solid black;
background-color: #ffffd4; background-color: var(--color_site_secondary);
font-size: 20; font-size: 20;
} }