new css variables

Author: alexandermeindl

Diff for: app/helpers/additionals_js_heads_helper.rb

@@ -1,4 +1,4 @@
 - additionals_top_menu_setup
 = additionals_library_load :font_awesome
-= stylesheet_link_tag 'additionals', plugin: 'additionals'
+= stylesheet_link_tag 'variables', 'additionals', plugin: 'additionals'
 = javascript_include_tag 'additionals', plugin: 'additionals'

Diff for: app/views/additionals/_html_head.html.slim

@@ -8,13 +8,13 @@
 
 .query-description,
 .dashboard-description {
-  color: var(--darkfontcolor);
+  color: var(--a-color-dark);
   margin-bottom: 15px;
   font-size: 95%;
 }
 
 span.dashboard-locked {
-  stroke: var(--darkfontcolor);
+  stroke: var(--a-color-dark);
 }
 
 fieldset.hide-attachments {
@@ -105,7 +105,7 @@ svg {
   }
 
   &.dashboard-system-default.global {
-    stroke: var(--alertfontcolor);
+    stroke: var(--a-color-alert);
   }
 }
 
@@ -118,7 +118,7 @@ svg {
   text-decoration: none;
 }
 
-.sudo-admin { color: var(--alertfontcolor); }
+.sudo-admin { color: var(--a-color-alert); }
 
 .nodata.nodata-left { text-align: left; }
 
@@ -184,7 +184,7 @@ img.additionals-avatar { margin-right: 0.25em; }
 
 .dashboard-block h3 svg,
 #page-title svg {
-  stroke: var(--darkfontcolor);
+  stroke: var(--a-color-dark);
   stroke-width: 2;
 }
 
@@ -242,7 +242,7 @@ div.macro-desc {
 
 #top-menu .menu-children li a {
   display: block;
-  color: var(--darkfontcolor);
+  color: var(--a-color-dark);
   padding: 5px 10px;
   background-color: #fff;
   font-weight: normal;
@@ -360,7 +360,7 @@ div.drdn-items a.disabled,
 div.drdn-items a.disabled:hover { color: #aaa; }
 
 table.entity-list td.block_column {
-  color: #777;
+  color: var(--a-color-info);
   font-size: 90%;
   padding: 4px 4px 4px 2px;
   text-align: left;

Diff for: assets/stylesheets/additionals.css

@@ -1,4 +1,13 @@
 :root {
-  --darkfontcolor: #666;
-  --alertfontcolor: #d80000;
+  --a-color-dark: #555;
+  --a-color-black: #000;
+  --a-color-white: #fff;
+  --a-color-default: #169;
+  --a-color-even: #f6f7f8;
+  --a-color-odd: #fff;
+  --a-color-list-border: #d0d7de;
+  --a-color-input-border: #ccc;
+  --a-color-info: #777;
+  --a-color-warning: #c45736;
+  --a-color-alert: #d80000;
 }

Diff for: assets/stylesheets/variables.css

@@ -8,7 +8,6 @@ module ApplicationControllerPatch
       included do
         include InstanceMethods
         before_action :enable_smileys
-        helper :additionals_js_heads
       end
 
       module InstanceMethods