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; min-width: 150px;
padding: 2px; padding: 2px;
background-color: var(--color_theme_secondary); background-color: var(--color_secondary);
} }
#clipboard_tray_expandbutton #clipboard_tray_expandbutton
{ {

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

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

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

@ -1,10 +1,10 @@
.album_card .album_card
{ {
background-color: var(--color_theme_secondary); background-color: var(--color_secondary);
} }
.album_card:hover .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 .album_card_list
{ {
@ -36,7 +36,7 @@
.album_card_thumbnail .album_card_thumbnail
{ {
grid-area: thumbnail; grid-area: thumbnail;
background-color: var(--color_site_transparency); background-color: var(--color_transparency);
display: flex; display: flex;
width: 100%; width: 100%;
height: 150px; height: 150px;
@ -77,11 +77,11 @@
.photo_card .photo_card
{ {
background-color: var(--color_theme_secondary); background-color: var(--color_secondary);
} }
.photo_card:hover .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 .photo_card_list
{ {

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

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

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

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

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

@ -33,9 +33,9 @@
max-width: 500px; max-width: 500px;
border-radius: 8px; 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 .bookmark_card .bookmark_url
{ {

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

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

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

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

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

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

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

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