From 37ebf73cabdcb8188520c69bc7bb86c698aecf83 Mon Sep 17 00:00:00 2001 From: Vasek Sraier Date: Wed, 21 Oct 2020 21:53:31 +0200 Subject: [PATCH] graph: fancy colors https://paletton.com/#uid=61F0+0krnrn76pJfBrC-ookRplF --- frontend/src/Graph.svelte | 2 +- frontend/src/GraphNode.svelte | 25 +++++++++++++++++-------- 2 files changed, 18 insertions(+), 9 deletions(-) diff --git a/frontend/src/Graph.svelte b/frontend/src/Graph.svelte index 1dba65f..2066c39 100644 --- a/frontend/src/Graph.svelte +++ b/frontend/src/Graph.svelte @@ -256,7 +256,7 @@ } .tooltip rect { - stroke: #ffb3a2; + stroke: #daca20; stroke-width: 2px; fill: #000000bb; } diff --git a/frontend/src/GraphNode.svelte b/frontend/src/GraphNode.svelte index 9f4a9e2..4cfadb7 100644 --- a/frontend/src/GraphNode.svelte +++ b/frontend/src/GraphNode.svelte @@ -74,17 +74,26 @@ fill: transparent; stroke: transparent; } - g:hover > .taskNode { - fill: #ffb3a2; - } - .taskNode { - fill: #69b3a2; - } + + .submitted .taskNode { - fill: red; /* TODO */ + fill: #da8820; /* TODO */ + } + g:hover.submitted > .taskNode { + fill: #ad6000; } .solved .taskNode { - fill: green; /* TODO */ + fill: #58BF1C; /* TODO */ + } + g:hover.solved > .taskNode { + fill: #389700; + } + + .taskNode { + fill: #daca20; + } + g:hover > .taskNode { + fill: #ad9e00; } .selected > ellipse,