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;
padding: 2px;
background-color: #ffffd4;
background-color: var(--color_site_secondary);
}
#clipboard_tray_expandbutton
{

View file

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

View file

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

View file

@ -32,7 +32,7 @@
border-radius: 8px;
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
{

View file

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

View file

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