[pve-devel] [PATCH manager6] use more vivid proxmox orange color palette

Thomas Lamprecht t.lamprecht at proxmox.com
Wed Mar 16 13:54:38 CET 2016


Signed-off-by: Thomas Lamprecht <t.lamprecht at proxmox.com>
---
 www/css/ext6-pve.css | 60 +++++++++++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 59 insertions(+), 1 deletion(-)

diff --git a/www/css/ext6-pve.css b/www/css/ext6-pve.css
index 44dc428..1ccfdca 100644
--- a/www/css/ext6-pve.css
+++ b/www/css/ext6-pve.css
@@ -11,7 +11,7 @@
     font: 400 13px/20px 'Open Sans', 'Helvetica Neue', helvetica, arial, verdana, sans-serif;
     color: #fff;
     padding: 4px;
-    background-color: #3892d4;
+    background-color: #cc6600;
 }
 
 /* reduce tree space */
@@ -23,3 +23,61 @@
 .x-tree-elbow-img {
     width: 14px;
 }
+
+/* use more vivid proxmox orange color palette over blue */
+
+/* buttons */
+.x-btn-default-small {
+    border-color: #f88717;
+    background-color: #cc6600;
+}
+
+.x-btn-over.x-btn-default-small {
+    border-color: #cc6600;
+    background-color: #f88717;
+}
+
+.x-btn.x-btn-disabled.x-btn-default-small {
+    background-color: #ffa54d;
+}
+
+/* tabs */
+.x-tab.x-tab-active.x-tab-default {
+    border-color: #f88717;
+    background-color: #cc6600;
+}
+
+.x-tab.x-tab-over:not(.x-tab-active) {
+    background-color: #ffa54d;
+}
+
+.x-tab.x-tab-over.x-tab-focus:not(.x-tab-active) {
+    box-shadow: 0px 1px 0px 0px #ffa54d inset,
+    0px -1px 0px 0px #ffa54d inset,
+    -1px 0px 0px 0px #ffa54d inset,
+    1px 0px 0px 0px #ffa54d inset;
+    background-color: #ffd1a4;
+}
+
+.x-tab.x-tab-focus {
+    box-shadow: 0px 1px 0px 0px #cc6600 inset,
+    0px -1px 0px 0px #cc6600 inset,
+    -1px 0px 0px 0px #cc6600 inset,
+    1px 0px 0px 0px #cc6600 inset;
+}
+
+/* tree */
+.x-grid-item.x-grid-item-selected {
+    background-color: #ffa54d;
+}
+
+.x-grid-item.x-grid-item-over:not(.x-grid-item-selected) {
+    background-color: #ffd1a4;
+}
+
+/* Tables */
+.x-grid-with-row-lines .x-grid-item.x-grid-item-selected {
+    border-style: solid;
+    border-color: #ffd1a4;
+
+}
-- 
2.1.4





More information about the pve-devel mailing list