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

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

Browse source 
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.
This commit is contained in:
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;
} }