Commit da813b20 authored by gijs's avatar gijs
Browse files

Adjusted color to chosen chakra.

parent 4039602d
......@@ -27,6 +27,43 @@
font-style: italic;
}
:root {
--gradient-color-one: #ffffdb;
--gradient-color-two: transparent;
}
[data-chakra="1"] {
--gradient-color-two: rgb(255, 126, 126);
}
[data-chakra="2"] {
--gradient-color-two: rgb(255, 202, 104);
}
[data-chakra="3"] {
--gradient-color-two: rgb(255, 255, 167);
}
[data-chakra="4"] {
--gradient-color-two: rgb(125, 168, 125);
}
[data-chakra="5"] {
--gradient-color-two: rgb(79, 107, 160);
}
[data-chakra="6"] {
--gradient-color-two: rgb(137, 114, 179);
}
[data-chakra="7"] {
--gradient-color-two: white;
}
body {
font-family: "exo";
max-width: 60ch;
......@@ -34,7 +71,7 @@ body {
margin: 0 auto;
padding: 5vh 0 10vh 0;
/* background: linear-gradient(to bottom, white, #d4c4d4); */
background: radial-gradient(circle at 50% 50%, transparent 30%, #ffffdb 90%), linear-gradient(to bottom, transparent, #8d6695 90%);
background: radial-gradient(circle at 50% 50%, transparent 30%, var(--gradient-color-one) 90%), linear-gradient(to bottom, transparent, var(--gradient-color-two) 90%);
box-sizing: border-box;
min-height: 100vh;
}
......
......@@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
<link rel="stylesheet" media="screen" href="{{ url_for('static', filename='css/styles.css') }}" />
</head>
<body>
<body{% if chakra_1 %} data-chakra="{{ chakra_1 }}"{% endif %}>
{% block body %}
{% endblock %}
</body>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment