Commit eb6c3585 authored by Job Doesburg's avatar Job Doesburg

Use same css structure as for frontend, first approach

parent d329bb1f
@font-face {
font-family: 'Open Sans';
src: url('../../fonts/OpenSans-Italic.eot');
src: url('../../fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
url('../../fonts/OpenSans-Italic.woff2') format('woff2'),
url('../../fonts/OpenSans-Italic.woff') format('woff'),
url('../../fonts/OpenSans-Italic.ttf') format('truetype'),
url('../../fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'Open Sans';
src: url('../../fonts/OpenSans-BoldItalic.eot');
src: url('../../fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
url('../../fonts/OpenSans-BoldItalic.woff2') format('woff2'),
url('../../fonts/OpenSans-BoldItalic.woff') format('woff'),
url('../../fonts/OpenSans-BoldItalic.ttf') format('truetype'),
url('../../fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'Open Sans';
src: url('../../fonts/OpenSans-Bold.eot');
src: url('../../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
url('../../fonts/OpenSans-Bold.woff2') format('woff2'),
url('../../fonts/OpenSans-Bold.woff') format('woff'),
url('../../fonts/OpenSans-Bold.ttf') format('truetype'),
url('../../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'Open Sans';
src: url('../../fonts/OpenSans.eot');
src: url('../../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
url('../../fonts/OpenSans.woff2') format('woff2'),
url('../../fonts/OpenSans.woff') format('woff'),
url('../../fonts/OpenSans.ttf') format('truetype'),
url('../../fonts/OpenSans.svg#OpenSans') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Oswald';
src: url('../../fonts/Oswald-Regular.eot');
src: url('../../fonts/Oswald-Regular.eot?#iefix') format('embedded-opentype'),
url('../../fonts/Oswald-Regular.woff2') format('woff2'),
url('../../fonts/Oswald-Regular.woff') format('woff'),
url('../../fonts/Oswald-Regular.ttf') format('truetype'),
url('../../fonts/Oswald-Regular.svg#Oswald-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
@import "admin-fonts";
@import "../../css/variables";
@import "../../css/variable-usage-dark";
@import "./admin.scss";
@import "../../css/fonts";
@import "admin-fonts";
@import "../../css/variables";
@import "../../css/variable-usage";
@import "./admin.scss";
body {
background-color: $background-color;
color: $text-color;
font-family: $primary-font;
border-color: $background-shade;
}
table, tr {
border-top-color: $background-shade;
border-bottom-color: $background-shade;
border-left-color: $background-shade;
border-right-color: $background-shade;
}
h1, h2, h3, h4, h5, h6 {
font-family: $header-font;
font-weight: $regular;
letter-spacing: $letter-spacing;
text-transform: uppercase;
color: $title-color;
}
#header {
background-color: $black;
color: $white;
border-bottom: 5px solid $preset;
margin-bottom: -5px;
}
#header a:focus, #header a:hover {
color: $preset-hover;
border-bottom-color: $preset-hover;
}
#branding h1, #branding h1 a:link, #branding h1 a:visited {
color: $white;
}
div.breadcrumbs {
background: $preset;
color: $preset-contrast;
}
div.breadcrumbs a:focus, div.breadcrumbs a:hover {
color: $preset-contrast-hover;
}
.module {
background: $background-color;
caption, h2, caption {
background-color: $preset;
}
}
#content-related, #content-related .module, #changelist-filter {
background-color: $card-background !important;
}
#content-related .module h2 {
color: $card-background-contrast;
}
#content-related h3 {
color: $card-background-contrast;
}
a:link, a:visited {
color: $nav-link-color;
font-weight: normal;
}
a:focus, a:hover {
color: $preset-hover;
}
a.section:link, a.section:visited {
color: $nav-link-color;
}
#changelist-filter li.selected a {
color: $preset !important;
}
#changelist-filter a:focus, #changelist-filter a:hover, #changelist-filter li.selected a:focus, #changelist-filter li.selected a:hover {
color: $preset-hover !important;
}
.object-tools a:link, .object-tools a:visited {
background-color: $preset;
}
.object-tools a:focus, .object-tools a:hover {
background-color: $preset-hover;
}
.inline-related fieldset {
background-color: $background-color !important;
}
label {
color: $text-color !important;
}
......@@ -3,6 +3,8 @@
{% block extrastyle %}
{{ block.super }}
{% compress css %}
<link href="{% static "admin/css/admin-main.scss" %}" rel="stylesheet" type="text/x-scss">
<link href="{% static "admin/css/admin-main.scss" %}" rel="stylesheet" type="text/x-scss">
<link href="{% static "admin/css/admin-main-dark.scss" %}" rel="stylesheet" media="(prefers-color-scheme: dark)"
type="text/x-scss">
{% endcompress %}
{% endblock %}
Markdown is supported
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