voussoir
/
etiquette
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Rename CSS vars color_theme_* and color_site_* to color_*. 

There was just no point to naming them like this because all of the
color vars obviously represent some part of the site's color theme.
master
voussoir 2020-06-25 10:03:50 -07:00
parent fbf462af64
commit b81aad78dd
10 changed files with 38 additions and 38 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontends/etiquette_flask/static/css/clipboard_tray.css
View File

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

30
frontends/etiquette_flask/static/css/common.css
View File

@ -1,7 +1,7 @@
:root
{
--color_theme_primary: #00d8f4;
--color_theme_secondary: #ffffd4;
--color_primary: #00d8f4;
--color_secondary: #ffffd4;
--color_tag_object_bg: #fff;
--color_tag_object_fg: blue;
@ -10,11 +10,11 @@
--color_text_bubble: black;
--color_text_link: blue;
--color_site_textfields: white;
--color_textfields: white;
--color_text_placeholder: gray;
--color_site_transparency: rgba(0, 0, 0, 0.1);
--color_site_dropshadow: rgba(0, 0, 0, 0.25);
--color_transparency: rgba(0, 0, 0, 0.1);
--color_dropshadow: rgba(0, 0, 0, 0.25);
--color_3d_shadow: rgba(0, 0, 0, 0.5);
--color_3d_highlight: rgba(255, 255, 255, 0.5);
@ -56,7 +56,7 @@ input, select, textarea
border: none;
border-radius: 2px;
background-color: var(--color_site_textfields);
background-color: var(--color_textfields);
}
input::placeholder, textarea::placeholder
@ -73,7 +73,7 @@ body
"content_body" 1fr
/1fr;
background-color: var(--color_theme_primary);
background-color: var(--color_primary);
}
#header
@ -85,7 +85,7 @@ body
margin: 8px;
background-color: var(--color_site_transparency);
background-color: var(--color_transparency);
}
#content_body
{
@ -111,7 +111,7 @@ body
}
.header_element:hover
{
background-color: var(--color_theme_secondary);
background-color: var(--color_secondary);
}
pre
@ -154,7 +154,7 @@ pre
padding: 8px;
width: var(--size_sticky_side);
overflow-y: auto;
background-color: var(--color_site_transparency);
background-color: var(--color_transparency);
}
#content_body.sticky_side_left #left
{
@ -168,8 +168,8 @@ pre
{
#content_body.sticky_side_right #right
{
outline: 8px solid var(--color_theme_primary);
background-color: var(--color_theme_primary) !important;
outline: 8px solid var(--color_primary);
background-color: var(--color_primary) !important;
}
#content_body.sticky_side_right #right:before
{
@ -179,7 +179,7 @@ pre
bottom: 0;
left: 0;
right: 0;
background-color: var(--color_site_transparency);
background-color: var(--color_transparency);
z-index: -1;
}
}
@ -196,7 +196,7 @@ pre
}
.panel
{
background-color: var(--color_site_transparency);
background-color: var(--color_transparency);
border-radius: 5px;
padding: 8px;
}
@ -294,7 +294,7 @@ is hovered over.
overflow-y: auto;
background-color: var(--color_site_transparency);
background-color: var(--color_transparency);
}
.message_bubble
{

10
frontends/etiquette_flask/static/css/photo_card.css
View File

@ -1,10 +1,10 @@
.album_card
{
background-color: var(--color_theme_secondary);
background-color: var(--color_secondary);
}
.album_card:hover
{
box-shadow: 2px 2px 5px 0px var(--color_site_dropshadow);
box-shadow: 2px 2px 5px 0px var(--color_dropshadow);
}
.album_card_list
{
@ -36,7 +36,7 @@
.album_card_thumbnail
{
grid-area: thumbnail;
background-color: var(--color_site_transparency);
background-color: var(--color_transparency);
display: flex;
width: 100%;
height: 150px;
@ -77,11 +77,11 @@
.photo_card
{
background-color: var(--color_theme_secondary);
background-color: var(--color_secondary);
}
.photo_card:hover
{
box-shadow: 2px 2px 5px 0px var(--color_site_dropshadow);
box-shadow: 2px 2px 5px 0px var(--color_dropshadow);
}
.photo_card_list
{

8
frontends/etiquette_flask/static/css/theme_pearl.css
View File

@ -1,9 +1,9 @@
:root
{
--color_theme_primary: #f6ffff;
--color_theme_secondary: #aad7ff;
--color_site_textfields: white;
--color_site_transparency: rgba(0, 0, 0, 0.1);
--color_primary: #f6ffff;
--color_secondary: #aad7ff;
--color_textfields: white;
--color_transparency: rgba(0, 0, 0, 0.1);
--color_text_normal: #000;
--color_text_link: #00f;
--color_text_bubble: black;

8
frontends/etiquette_flask/static/css/theme_slate.css
View File

@ -1,9 +1,9 @@
:root
{
--color_theme_primary: #222;
--color_theme_secondary: #3b4d5d;
--color_site_textfields: var(--color_theme_secondary);
--color_site_transparency: rgba(255, 255, 255, 0.05);
--color_primary: #222;
--color_secondary: #3b4d5d;
--color_textfields: var(--color_secondary);
--color_transparency: rgba(255, 255, 255, 0.05);
--color_text_normal: #efefef;
--color_text_link: #1edeff;
--color_text_bubble: black;

4
frontends/etiquette_flask/templates/bookmarks.html
View File

@ -33,9 +33,9 @@
max-width: 500px;
border-radius: 8px;
box-shadow: 2px 2px 5px 0px var(--color_site_dropshadow);
box-shadow: 2px 2px 5px 0px var(--color_dropshadow);
background-color: var(--color_theme_secondary);
background-color: var(--color_secondary);
}
.bookmark_card .bookmark_url
{

4
frontends/etiquette_flask/templates/photo.html
View File

@ -33,7 +33,7 @@
min-height: min-content;
background-color: var(--color_site_transparency);
background-color: var(--color_transparency);
}
#right
{
@ -110,7 +110,7 @@
flex-direction: column;
align-items: flex-end;
/*background-color: var(--color_theme_primary);*/
/*background-color: var(--color_primary);*/
}
@media screen and (max-width: 800px)

4
frontends/etiquette_flask/templates/root.html
View File

@ -30,11 +30,11 @@ body, .nice_link
{
width: 50%;
height: 40px;
background-color: var(--color_site_transparency);
background-color: var(--color_transparency);
}
.nice_link:hover
{
background-color: var(--color_theme_secondary);
background-color: var(--color_secondary);
}
#motd
{

4
frontends/etiquette_flask/templates/search.html
View File

@ -68,7 +68,7 @@
padding: 8px;
background-color: var(--color_site_transparency);
background-color: var(--color_transparency);
word-wrap: break-word;
}
@ -122,7 +122,7 @@
border: 1px solid black;
background-color: var(--color_theme_secondary);
background-color: var(--color_secondary);
font-size: 20;
}

2
frontends/etiquette_flask/templates/tags.html
View File

@ -31,7 +31,7 @@ h2, h3
}
#left > *
{
background-color: var(--color_site_transparency);
background-color: var(--color_transparency);
padding: 8px;
border-radius: 5px;
}