colin/uninsane
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

style: tune colors

Browse Source 
generally, make them less intense/varied
This commit is contained in:
Colin 2022-04-05 08:10:00 +00:00
parent fd9041970b
commit 31773d1623
3 changed files with 44 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
sass/static/style.scss
View File

@ -47,22 +47,34 @@
} }
// naming: lower number = brighter, higher number = darker // naming: lower number = brighter, higher number = darker
$color_cream: hsb(23, 11%, 100%); $color_cream_1: hsb(27, 10%, 100%);
$color_teal_1: hsb(191, 15%, 91%); $color_cream_2: hsb(19, 22%, 97%);
$color_teal_2: hsb(191, 55%, 35%); //$color_cream_3: hsb(3, 25%, 91%);
$color_purple_1: hsb(252, 15%, 95%); $color_cream_4: hsb(17, 13%, 100%);
$color_purple_2: hsb(252, 20%, 90%); $color_cream_5: hsb(17, 16%, 85%);
//$color_purple_3: hsb(252, 55%, 45%);
//$color_pink_2: hsb(329, 63%, 79%);
$color_pink_3: hsb(329, 63%, 60%);
$color_pink_4: hsb(329, 45%, 83%);
$color_bg: $color_cream; //$color_teal_1: hsb(191, 15%, 91%);
$color_h1: $color_teal_1; //$color_teal_2: hsb(191, 55%, 35%);
$color_h2: $color_purple_1;
$color_link: $color_pink_3; //$color_purple_0: hsb(268, 11%, 93%);
$color_link_shadow: $color_purple_2; //$color_purple_1: hsb(252, 15%, 95%);
$color_link_hover: $color_pink_4; //$color_purple_2: hsb(252, 20%, 90%);
//$color_purple_3: hsb(252, 55%, 45%);
//$color_pink_2: hsb(329, 63%, 79%);
$color_pink_1: hsb(3, 9%, 99%);
//$color_pink_15:hsb(329, 21%, 88%);
$color_pink_2: hsb(345, 23%, 83%);
$color_pink_3: hsb(345, 35%, 70%);
$color_pink_4: hsb(337, 63%, 60%);
$color_pink_5: hsb(347, 67%, 50%);
$color_bg: $color_cream_1;
$color_h1: $color_pink_1;
$color_h2: $color_cream_4;
$color_link: $color_pink_5;
$color_link_shadow: $color_pink_2;
$color_link_hover: $color_pink_3;
$font_scale_hdr: 1.50; $font_scale_hdr: 1.50;
$indent_hdr: 1.3rem; $indent_hdr: 1.3rem;
@ -141,6 +153,13 @@ body
flex-grow: 1000; flex-grow: 1000;
} }
#tile-slash
{
font-size: 1.6rem;
// opacity: 50%;
color: $color_cream_5;
}
.portal .portal
{ {
text-align: justify; text-align: justify;
@ -186,11 +205,16 @@ body
{ {
h1 h1
{ {
// this extra padding accomodates the underlines from the header
padding-top: 2px;
padding-bottom: 2px;
background-color: $color_h1; background-color: $color_h1;
} }
h2 h2
{ {
padding-top: 2px;
padding-bottom: 2px;
background-color: $color_h2; background-color: $color_h2;
} }

5
templates/base.html
View File

@ -29,6 +29,11 @@
{% block content %} {% endblock %} {% block content %} {% endblock %}
</div> </div>
</div> </div>
<div class="hide">
<span id="tile-slash">/</span>
</div>
</body> </body>
</html> </html>

4
templates/blog-page.html
View File

@ -13,8 +13,4 @@
{{ page.content | safe }} {{ page.content | safe }}
<div class="hide">
<span id="tile-slash" style="font-size: 1.6em; opacity: 55%;">/</span>
</div>
{% endblock content %} {% endblock content %}