Upload files to 'static/design_template'

Замена файла , на более правильный вид hex

static/design_template/colors.css

@@ -1,69 +1,71 @@
-:root{
-  --btn-bg-color: #479FF8;
-  --btn-txt-color: white;
-  --btn-hover-color: #0a58ca;
-  --pills-bg-color: #0d6efd;
-  --pills-txt-color: white;
-  --links-txt-color: #0d6efd;
-  --links-hover-color: #0a58ca;
-  --btn-success: #198754;
-  --btn-success-txt: white;
-  --btn-success-hover:#10683f;
-  --btn-danger: #dc3545;
-  --btn-danger-txt: white;
-  --btn-danger-hover:#821e27;
-}
-
-.btn-primary, .btn-outline-primary{
-  background-color: var(--btn-bg-color);
-  color: var(--btn-txt-color);
-  border-color: var(--btn-bg-color);
-}
-
-.btn-primary:hover, .btn-outline-primary:hover{
-  background-color: var(--btn-hover-color);
-  border-color: var(--btn-hover-color);
-}
-
-.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
-  background-color: var(--pills-bg-color);
-  color: var(--pills-txt-color);
-}
-
-a{
- color: var(--links-txt-color); 
-}
-
-a:hover{
-  color:var(--links-hover-color)
-}
-
-.nav-link{
-  color: var(--links-txt-color)
-}
-
-.nav-link:hover{
-  color:var(--links-hover-color)
-}
-
-.btn-success, .btn-outline-success{
-  color: var(--btn-txt-color);
-  background-color: var(--btn-success);
-  border-color: var(--btn-success);
-}
-
-.btn-success:hover, .btn-outline-success:hover{
-  background-color: var(--btn-success-hover);
-  border-color: var(--btn-success-hover);
-}
-
-.btn-danger, .btn-outline-danger{
-  color: var(--btn-danger-txt);
-  background-color: var(--btn-danger);
-  border-color: var(--btn-danger);
-}
-
-.btn-danger:hover, .btn-outline-danger:hover{
-  background-color: var(--btn-danger-hover);
-  border-color: var(--btn-danger-hover);
-}
+
+:root{
+  --btn-bg-color: #fdb4b4;
+  --btn-txt-color: #ff0000;
+  --btn-hover-color: #0a58ca;
+  --pills-bg-color: #0d6efd;
+  --pills-txt-color: None;
+  --links-txt-color: #821e27;
+  --links-hover-color: #821e27;
+  --btn-success: #821e27;
+  --btn-success-txt: #821e27;
+  --btn-success-hover: #821e27;
+  --btn-danger: #821e27;
+  --btn-danger-txt: #821e27;
+  --btn-danger-hover: #821e27;
+}
+
+.btn-primary, .btn-outline-primary{
+  background-color: var(--btn-bg-color);
+  color: var(--btn-txt-color);
+  border-color: var(--btn-bg-color);
+}
+
+.btn-primary:hover, .btn-outline-primary:hover{
+  background-color: var(--btn-hover-color);
+  border-color: var(--btn-hover-color);
+}
+
+.nav-pills .nav-link.active, .nav-pills .show>.nav-link{
+  background-color: var(--pills-bg-color);
+  color: var(--pills-txt-color);
+}
+
+a{
+ color: var(--links-txt-color); 
+}
+
+a:hover{
+  color:var(--links-hover-color)
+}
+
+.nav-link{
+  color: var(--links-txt-color)
+}
+
+.nav-link:hover{
+  color:var(--links-hover-color)
+}
+
+.btn-success, .btn-outline-success{
+  color: var(--btn-txt-color);
+  background-color: var(--btn-success);
+  border-color: var(--btn-success);
+}
+
+.btn-success:hover, .btn-outline-success:hover{
+  background-color: var(--btn-success-hover);
+  border-color: var(--btn-success-hover);
+}
+
+.btn-danger, .btn-outline-danger{
+  color: var(--btn-danger-txt);
+  background-color: var(--btn-danger);
+  border-color: var(--btn-danger);
+}
+
+.btn-danger:hover, .btn-outline-danger:hover{
+  background-color: var(--btn-danger-hover);
+  border-color: var(--btn-danger-hover);
+}
+