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
$color_cream: hsb(23, 11%, 100%);
$color_teal_1: hsb(191, 15%, 91%);
$color_teal_2: hsb(191, 55%, 35%);
$color_purple_1: hsb(252, 15%, 95%);
$color_purple_2: hsb(252, 20%, 90%);
//$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_cream_1: hsb(27, 10%, 100%);
$color_cream_2: hsb(19, 22%, 97%);
//$color_cream_3: hsb(3, 25%, 91%);
$color_cream_4: hsb(17, 13%, 100%);
$color_cream_5: hsb(17, 16%, 85%);
$color_bg: $color_cream;
$color_h1: $color_teal_1;
$color_h2: $color_purple_1;
$color_link: $color_pink_3;
$color_link_shadow: $color_purple_2;
$color_link_hover: $color_pink_4;
//$color_teal_1: hsb(191, 15%, 91%);
//$color_teal_2: hsb(191, 55%, 35%);
//$color_purple_0: hsb(268, 11%, 93%);
//$color_purple_1: hsb(252, 15%, 95%);
//$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;
$indent_hdr: 1.3rem;
@ -141,6 +153,13 @@ body
flex-grow: 1000;
}
#tile-slash
{
font-size: 1.6rem;
// opacity: 50%;
color: $color_cream_5;
}
.portal
{
text-align: justify;
@ -186,11 +205,16 @@ body
{
h1
{
// this extra padding accomodates the underlines from the header
padding-top: 2px;
padding-bottom: 2px;
background-color: $color_h1;
}
h2
{
padding-top: 2px;
padding-bottom: 2px;
background-color: $color_h2;
}

5
templates/base.html
View File

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

4
templates/blog-page.html
View File

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