#4: add stylesheets and basic color scheme

This commit is contained in:
Lexi / Zoe 2019-11-11 18:47:49 +01:00
parent fc21c309cc
commit d102795256
Signed by: binaryDiv
GPG Key ID: F8D4956E224DA232
3 changed files with 63 additions and 1 deletions

52
static/css/style.css Normal file
View File

@ -0,0 +1,52 @@
:root {
--main-bg-color: #121212;
--main-text-color-normal: #cccccc;
--main-text-color-light: #eeeeee;
/* Generated by Paletton.com */
/* http://paletton.com/#uid=54W0u0kiCFn8GVde7NVmtwSqXtg */
--primary-color-0: #C351C3;
--primary-color-1: #EFAEEF;
--primary-color-2: #DB7ADB;
--primary-color-3: #A832A8;
--primary-color-4: #981898;
--secondary-color-1-0: #8B5DC8;
--secondary-color-1-1: #CEB5F0;
--secondary-color-1-2: #AA84DD;
--secondary-color-1-3: #6F3FAF;
--secondary-color-1-4: #59249E;
--secondary-color-2-0: #ED638D;
--secondary-color-2-1: #FAB6CB;
--secondary-color-2-2: #F488A9;
--secondary-color-2-3: #E54475;
--secondary-color-2-4: #D02156;
}
html {
font-family: sans-serif;
}
body {
background-color: var(--main-bg-color);
color: var(--main-text-color-normal);
margin: 0;
}
h1, h2, h3, h4, h5, h6 {
color: var(--main-text-color-light);
}
a {
color: var(--primary-color-2);
text-decoration: none;
}
a:hover {
color: var(--primary-color-1);
}
a:focus {
color: var(--primary-color-1);
}

View File

@ -1,12 +1,18 @@
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{% block title %}Tofu{% endblock %} - Tofu</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="{% static "css/style.css" %}">
</head>
<body>
<h1>Tofu</h1>
{% block content %}No content.{% endblock %}
<main>
{% block content %}No content.{% endblock %}
</main>
</body>
</html>

View File

@ -123,6 +123,10 @@ USE_TZ = True
STATIC_URL = '/static/'
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static"),
]
# Other settings