79 lines
2.3 KiB
HTML
79 lines
2.3 KiB
HTML
|
{% extends 'admin/base.html' %}
|
||
|
|
|
||
|
|
{% block extrahead %}{{ block.super }}
|
||
|
|
<style>
|
||
|
|
|
||
|
|
@media (prefers-color-scheme: dark) {
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--primary: #62095c; {% comment %} #9106c4; {% endcomment %}
|
||
|
|
--primary-fg: #eee;
|
||
|
|
--body-fg: #eeeeee;
|
||
|
|
--body-bg: #040b1e;
|
||
|
|
--body-quiet-color: #e0e0e0;
|
||
|
|
--body-loud-color: #ffffff;
|
||
|
|
--breadcrumbs-link-fg: #e0e0e0;
|
||
|
|
--breadcrumbs-bg: var(--primary);
|
||
|
|
--link-fg: #81d4fa;
|
||
|
|
--link-hover-color: #4ac1f7;
|
||
|
|
--link-selected-fg: #6f94c6;
|
||
|
|
--hairline-color: #272727;
|
||
|
|
--border-color: #353535;
|
||
|
|
--error-fg: #e35f5f;
|
||
|
|
--message-success-bg: #006b1b;
|
||
|
|
--message-warning-bg: #583305;
|
||
|
|
--message-error-bg: #570808;
|
||
|
|
--darkened-bg: #0f1e31;
|
||
|
|
--selected-bg: #1b1b1b;
|
||
|
|
--selected-row: #00363a;
|
||
|
|
--close-button-bg: #333333;
|
||
|
|
--close-button-hover-bg: #666666;
|
||
|
|
|
||
|
|
--header-color: #fff;
|
||
|
|
--header-bg: #9106c4;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media (prefers-color-scheme: light) {
|
||
|
|
|
||
|
|
:root {
|
||
|
|
--primary: #79aec8;
|
||
|
|
--secondary: #417690;
|
||
|
|
--accent: #f5dd5d;
|
||
|
|
--primary-fg: #fff;
|
||
|
|
--body-fg: #333;
|
||
|
|
--body-bg: #fff;
|
||
|
|
--body-quiet-color: #666;
|
||
|
|
--body-loud-color: #000;
|
||
|
|
--header-color: #ffc;
|
||
|
|
--header-branding-color: var(--accent);
|
||
|
|
--header-bg: var(--secondary);
|
||
|
|
--header-link-color: var(--primary-fg);
|
||
|
|
--breadcrumbs-fg: #c4dce8;
|
||
|
|
--breadcrumbs-link-fg: var(--body-bg);
|
||
|
|
--breadcrumbs-bg: var(--primary);
|
||
|
|
--link-fg: #447e9b;
|
||
|
|
--link-hover-color: #036;
|
||
|
|
--link-selected-fg: #5b80b2;
|
||
|
|
--hairline-color: #e8e8e8;
|
||
|
|
--border-color: #ccc;
|
||
|
|
--error-fg: #ba2121;
|
||
|
|
--message-success-bg: #dfd;
|
||
|
|
--message-warning-bg: #ffc;
|
||
|
|
--message-error-bg: #ffefef;
|
||
|
|
--darkened-bg: #f8f8f8;
|
||
|
|
--selected-bg: #e4e4e4;
|
||
|
|
--selected-row: #ffc;
|
||
|
|
--button-fg: #fff;
|
||
|
|
--button-bg: var(--primary);
|
||
|
|
--button-hover-bg: #609ab6;
|
||
|
|
--default-button-bg: var(--secondary);
|
||
|
|
--default-button-hover-bg: #205067;
|
||
|
|
--close-button-bg: #888;
|
||
|
|
--close-button-hover-bg: #747474;
|
||
|
|
--delete-button-bg: #ba2121;
|
||
|
|
--delete-button-hover-bg: #a41515;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
{% endblock %}
|