Changed dark theme colors a bit

pull/4/head
Antonio De Lucreziis 2 years ago
parent e7f538c53c
commit 8f9fbb2bc5

@ -15,8 +15,6 @@ export const Course = ({ events, selection, setSelection, hideOtherCourses }) =>
_.uniq(events.flatMap(event => event.docenti)) _.uniq(events.flatMap(event => event.docenti))
) )
console.log(profsPerCourse)
const [currentlyHovered, setCurrentlyHovered] = useState(null) const [currentlyHovered, setCurrentlyHovered] = useState(null)
const element = useRef() const element = useRef()

@ -59,13 +59,16 @@ html {
} }
body.dark-mode { body.dark-mode {
--bg-500: hsl(269, 24%, 20%); --bg-400: hsl(269, 24%, 3%);
--bg-selected-500: #722da0; --bg-500: hsl(269, 24%, 7%);
--bg-highlight-500: #a64edb;
--border-400: hsl(269, 40%, 50%); --bg-selected-500: hsl(276, 56%, 30%);
--border-500: hsl(269, 60%, 60%); --bg-highlight-500: hsl(277, 66%, 35%);
--border-600: hsl(269, 80%, 70%);
--border-highlight-500: hsl(269, 80%, 78%); --border-400: hsl(269, 40%, 45%);
--border-500: hsl(269, 60%, 30%);
--border-600: hsl(269, 80%, 35%);
--border-highlight-500: hsl(269, 80%, 50%);
--border-selected-500: #b66af6; --border-selected-500: #b66af6;
--text-500: #e6cff6; --text-500: #e6cff6;
@ -100,7 +103,7 @@ body.dark-mode {
--bold-on-dark: 500; --bold-on-dark: 500;
} }
$device-s-width: 600px; $device-s-width: 900px;
// Elements // Elements
@ -424,7 +427,7 @@ button,
// Structure // Structure
body { body {
background: var(--bg-500); background: var(--bg-400);
color: var(--text-500); color: var(--text-500);
font-weight: 300; font-weight: 300;

Loading…
Cancel
Save