small tweaks

messing around with sidebar, unfinished
Nozza-VS · Apr 16, 2017 · 8b2ee49 · 8b2ee49
1 parent 90860b4
commit 8b2ee49
Showing 1 changed file with 135 additions and 4 deletions.
diff --git a/vengeful-syndicate.css b/vengeful-syndicate.css
@@ -1,7 +1,20 @@
 /*****
+* ==============================
 * Vengeful Syndicate Theme
+* ==============================
 *****/
 
+/* Define some variables used in multiple places */
+@background: #212121;
+@foreground: #dddddd;
+
+/* Code Styling */
+
+.CodeMirror, .CodeMirror-scroll {
+    background-color: @background;
+    color: @foreground;
+}
+
 /*** Main area ***/
 .CodeMirror,
 .CodeMirror .CodeMirror-scroll {
@@ -16,6 +29,122 @@
 .CodeMirror-gutter-filler{ height:10px !important;} 
 /* Linenumber area left of horizontal scrollbar. Height MUST be the same as width/height of scrollbars */
 
+/* ------------------------------
+*  Sidebar 
+------------------------------ */
+
+#sidebar{
+    background: #212121;
+    box-orient: vertical;
+    left: 0;
+    width: 200px;
+    white-space: nowrap;
+} /*General sidebar style*/
+
+#sidebar #working-set-list-container{
+    background: #212121;
+} /*Working files style*/
+
+#sidebar .working-set-header,
+#sidebar .working-set-header-title{
+  background: #212121;
+  color: #ccc;
+  box-sizing: content-box;
+
+} /*"Working files" header*/
+
+#project-files-header .btn-alt-quiet {
+  border-top: 1px solid rgba(255,255,255,0.05);
+    padding: 8px 0 9px 12px;
+    font-size: 13px;
+    color: #adb9bd;
+    overflow: hidden;
+}
+
+#sidebar #project-files-container{
+  background: #212121;
+  color: #ccc;
+} /*Project files - WITHOUT header*/
+
+#sidebar .git-close-not-modified.working-set-available {
+    right: 56px;
+}
+
+#sidebar .git-close-not-modified {
+    position: absolute;
+    top: 7px;
+    padding: 4px 6px;
+    width: 13px;
+    height: 13px;
+    opacity: 0.8;
+}
+.working-set-option-btn {
+  /*top: 5px;
+  right: 16px;
+  width: 16px;
+  height: 16px;
+  padding: 2px 6px;*/
+    position: absolute;
+    right: 30px;
+    top: 7px;
+    padding: 4px 6px;
+    content: "";
+    background: url("images/topcoat-settings-13.svg") 0 0 no-repeat;
+    width: 13px;
+    height: 13px;
+    background-position: center;
+    opacity: .8;
+    z-index: 1;
+}
+
+.working-set-splitview-btn {
+  /*top: 5px;
+  right: 36px;
+  width: 16px;
+  height: 16px;
+  padding: 2px 6px;*/
+    position: absolute;
+    right: 4px;
+    top: 7px;
+    padding: 4px 6px;
+    content: "";
+    background: url("images/split-view-icons.svg") 0 0 no-repeat;
+    width: 13px;
+    height: 13px;
+    background-origin: content-box;
+    -webkit-transform: translateZ(0);
+    transform: translateZ(0);
+    -webkit-filter: drop-shadow(0 1px 0 rgba(0,0,0,0.36));
+    filter: drop-shadow(0 1px 0 rgba(0,0,0,0.36));
+    z-index: 1;
+}
+
+.btn-alt-quiet {
+    border: 1px solid transparent;
+    border-radius: 3px;
+    text-decoration: none;
+}
+
+.sidebar-selection,
+.filetree-selection {
+    /* Selected file or folder */
+    background: rgba(0,0,0,0.1);
+    border-bottom: 1px solid rgba(255,255,255,0.1);
+}
+
+/*
+#sidebar,
+#main-toolbar,
+#status-bar,
+#status-info,
+.inline-widget {
+    background: #242424;
+    color: #ccc;
+}
+*/
+
+/* -------------------------------------------------------------------- */
+
 .inline-widget{ /* Quick-edit styles */
     background:rgb(51, 51, 51);
 }
@@ -81,6 +210,7 @@ code {
 /***** CodeMirror styles *****/
 
 .CodeMirror { background: #242424; color: #fff; }
+/* .CodeMirror { background: #090909; color: #fff; } */
 .cm-error{ color: #f00; font-style: italic; border-bottom: 2px dotted #f00; background-color: #000; }
 .cm-keyword {color: #990000; text-shadow: 0 0 1pt #770000;}       /* e.g. var, function */
 .cm-atom {color: #c48cff;}          /* e.g. #id */
@@ -91,9 +221,10 @@ code {
 .cm-variable-3 {color: #fff;}
 .cm-property {color: #52e3f6;}      /* e.g. getElementbyId, CSS properties */
 .cm-operator {color: #77000f;}      /* e.g. CoffeeScript ->, CSS colons */
-.cm-comment {color: #8c8c8c; font-style: italic; }     /* e.g. // comments */
+.cm-comment {color: #5c5c5c; font-style: italic; }     /* e.g. // comments */
 .cm-string {color: #fce47e;}        /* e.g. "string" */
 .cm-string-2 {color: #fce47e;}      /* e.g. some CSS values */
+/* .cm-string-2 {color: #15d880;}      /* e.g. some CSS values */
 .cm-meta {color: #a7ec21;}          /* e.g. @font-face */
 .cm-qualifier, .cm-builtin {color: #15d880;}            /* e.g. .box */
 .cm-bracket {color: #fff;}
@@ -265,7 +396,7 @@ ins.jstree-icon {
   top: 4px !important;
 }
 .dark .avril-parent-work .btn-sidebar-bks {
-  color: #21abd8;
+  color: #770000;
 }
 .dark .avril-parent-work #working-set-list-container {
   background: #3c3f41;
@@ -285,7 +416,7 @@ ins.jstree-icon {
 .dark .avril-parent-work ul li.selected,
 .dark .avril-parent-work ul li:hover {
   background: #26282a !important;
-  border-bottom: 3px solid #21abd8 !important;
+  border-bottom: 3px solid #770000 !important;
   height: inherit;
 }
 .dark .avril-parent-work .open-files-container ul li:before {
@@ -308,7 +439,7 @@ ins.jstree-icon {
   box-shadow: none;
 }
 .main-view #project-files-header {
-  background: #3c3f41;
+  background: #333;
   position: relative;
   top: -1px;
   height: 30px;