Skip to content

Commit

Permalink
Remove the inline style block with CSS variable overrides
Browse files Browse the repository at this point in the history
  • Loading branch information
matthiask committed Sep 19, 2020
1 parent 3dabde2 commit 95b489f
Showing 1 changed file with 0 additions and 49 deletions.
49 changes: 0 additions & 49 deletions django/contrib/admin/templates/admin/base.html
Original file line number Diff line number Diff line change
Expand Up @@ -20,55 +20,6 @@
</head>
{% load i18n %}

<style>
/* Purple, just as an experiment to see what's missing *

This comment has been minimized.

Copy link
@carltongibson

carltongibson Nov 26, 2020

Member

Nice. 😀

This comment has been minimized.

Copy link
@matthiask

matthiask Nov 26, 2020

Author Contributor

I like purple :)

:root {
--primary: #9774d5;
--secondary: #785cab;
--link-fg: #7c449b;
--link-selected-fg: #8f5bb2;
}

/* */

/* I don't personally like dark mode too much, but helps find missing vars */
disabled :root {
--primary-h: 125; /* Original: 200 */
--primary-s: 42%;
--primary-l: 63%;

/* Experiment, would be nice to calculate all colors from only three primary
H/S/L values */
--primary: hsl(var(--primary-h), var(--primary-s), var(--primary-l));
--header-bg: hsl(var(--primary-h), calc(var(--primary-s) - 5%), calc(var(--primary-l) - 20%));

--link-fg: hsl(var(--primary-h), calc(var(--primary-s) + 20%), calc(var(--primary-l) + 10%));
--link-hover-color: hsl(var(--primary-h), calc(var(--primary-s) + 10%), calc(var(--primary-l) - 10%));
--link-selected-fg: hsl(var(--primary-h), calc(var(--primary-s) - 10%), calc(var(--primary-l) - 10%));

--breadcrumbs-fg: hsl(var(--primary-h), calc(var(--primary-s) + 0%), calc(var(--primary-l) + 20%));
--button-bg: var(--primary);
--button-hover-bg: hsl(var(--primary-h), calc(var(--primary-s) - 10%), calc(var(--primary-l) - 10%));
--default-button-bg: hsl(var(--primary-h), calc(var(--primary-s) + 0%), calc(var(--primary-l) - 20%));
--default-button-hover-bg: hsl(var(--primary-h), calc(var(--primary-s) - 10%), calc(var(--primary-l) - 30%));

--body-fg: #fff;
--body-bg: #333;
--body-muted-color: #aaa;
--body-quiet-color: #999;

--hairline-color: #444;
--border-color: #555;

--darkened-bg: #3a3a3a;
--lightgrey-bg: #666;
--body-screaming-color: #fff;
--button-fg: #fff;

--selected: #868654;
}
</style>

<body class="{% if is_popup %}popup {% endif %}{% block bodyclass %}{% endblock %}"
data-admin-utc-offset="{% now "Z" %}">

Expand Down

0 comments on commit 95b489f

Please sign in to comment.