From e43f5c6462ee066e635f07c98d0d5b85b6089ba0 Mon Sep 17 00:00:00 2001
From: unknownopponent <unknown.opponent.contact@gmail.com>
Date: Sat, 14 Oct 2023 21:16:58 +0200
Subject: [PATCH] css dry

use a variable for the main color
---
 docs/assets/css/extra.css | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/docs/assets/css/extra.css b/docs/assets/css/extra.css
index 1ea4263..2cad84c 100644
--- a/docs/assets/css/extra.css
+++ b/docs/assets/css/extra.css
@@ -1,17 +1,18 @@
 :root {
-  --md-admonition-icon--image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.5,13.5L11,16.5L14.5,12L19,18H5M21,19V5C21,3.89 20.1,3 19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19Z" /></svg>')
+  --md-admonition-icon--image: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M8.5,13.5L11,16.5L14.5,12L19,18H5M21,19V5C21,3.89 20.1,3 19,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19Z" /></svg>');
+--main-color: 124, 77, 255;
 }
 .md-typeset .admonition.image,
 .md-typeset details.image {
-  border-color: rgb(124, 77, 255);
+  border-color: rgb(var(--main-color));
 }
 .md-typeset .image > .admonition-title,
 .md-typeset .image > summary {
-  background-color: rgba(124, 77, 255, 0.1);
+  background-color: rgba(var(--main-color), 0.1);
 }
 .md-typeset .image > .admonition-title::before,
 .md-typeset .image > summary::before {
-  background-color: rgb(124, 77, 255);
+  background-color: rgb(var(--main-color));
   -webkit-mask-image: var(--md-admonition-icon--image);
           mask-image: var(--md-admonition-icon--image);
 }