Changeset 434

Timestamp:

Jul 27, 2020, 12:11:02 PM (4 years ago)

Author:

g7moreau

Message:

• Begin to parameter css color (in order to make theme)

File:

• trunk/nagios-velvice/velvice.css (modified) (8 diffs)

trunk/nagios-velvice/velvice.css

@@ +1 @@
+/* variable */
+:root {
+   --main-bg-color:           #EEE;
+   --title-border-color:      #ACF;
+   --title-txt-color:         #88D066;
+   --button-left-color:       #E0E0E0;
+   --button-right-color:      #F0F0F0;
+   --button-border-color:     #777;
+   --button-sep-color:        #AAA;
+   --box-bg-checking-color:   #EB7239;
+   --footer-txt-color:        #666;
+   }
+
+/* global */
+html {
+   background-color: var(--main-bg-color);
+   }
+   
 /* header */
 .header h1 {
-   color:            #88D066;
+   color:            var(--title-txt-color);
    border-bottom:    2px solid;
    border-color:     black;
    border-left:      2px solid;
    border-radius:    0px 0px 0px 3ex;
-   border-color:     #AACCFF;
+   border-color:     var(--title-border-color);
    margin-left:      2%;
    }
@@ -22 +40 @@
 
 a#refresh {
-   background:       #E0E0E0;
+   background:       var(--button-left-color);
    border-radius:    1.8ex;;
    margin-left:      2ex;
@@ -47 +65 @@
 
 span.button {
-    border:          1px solid #777;
+    border:          1px solid var(--button-border-color);
     margin:          10px 3px 3px 4px;
-    background:      #F0F0F0;
+    background:      var(--button-right-color);
     border-radius:   2ex;
     padding:         0ex 0.8ex 0px 0ex;
@@ -55 +73 @@
 
 .button a {
-   background:       #E0E0E0;
-   border-right:     2px solid #AAA;
+   background:       var(--button-left-color);
+   border-right:     2px solid var(--button-sep-color);
    border-radius:    2ex 0px 0px 2ex;
    padding:          0px 0.5ex 0ex 0.9ex;
@@ -97 +115 @@
 
 td.checking {
-   background-color: #EB7239;
+   background-color: var(--box-bg-checking-color);
    border-radius:    0ex 2ex 2ex 0ex;
    color:            white;
@@ -113 +131 @@
    border-style:     solid;
    border-width:     1px;
-   color:            #AACCFF;
+   color:            var(--title-border-color);
    margin-top:       4ex;
    width:            70%;
@@ -120 +138 @@
 /* action */
 .action h2 {
-   color:            #88D066;
+   color:            var(--title-txt-color);
    }
 
@@ -131 +149 @@
 div.footer {
    font-size:        xx-small;
-   color:            #666;
+   color:            var(--footer-txt-color);
    }