#4: add stylesheets and basic color scheme
This commit is contained in:
parent
fc21c309cc
commit
d102795256
|
|
@ -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);
|
||||
}
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -123,6 +123,10 @@ USE_TZ = True
|
|||
|
||||
STATIC_URL = '/static/'
|
||||
|
||||
STATICFILES_DIRS = [
|
||||
os.path.join(BASE_DIR, "static"),
|
||||
]
|
||||
|
||||
|
||||
# Other settings
|
||||
|
||||
|
|
|
|||
Reference in New Issue