changes... so many changes....

Author: pouyakary

.vscode/tasks.json

@@ -2,6 +2,7 @@
     "version": "0.1.0",
     "command": "bash",
     "isShellCommand": false,
-    "args": ["build.sh"],
-    "showOutput": "silent"
+    "args": [ "build.sh" ],
+    "showOutput": "silent",
+    "echoCommand": false
 }

core/constants.ts

@@ -18,7 +18,7 @@ module KaryGraph {
     //
 
         /** Color of the graph */
-        export const GraphColor = 'black';
+        export const GraphColor = '#171717';
 
         /** Color of the selected parts of the graph */
         export const GraphSelectColor = '#A200FF';

less.sh

@@ -0,0 +1 @@
+lessc sheets/ui.less _compiled/style.css

loc.sh

@@ -8,9 +8,9 @@
 // ─── GLOBALS ────────────────────────────────────────────────────────────────────
 //
 
-    @color-1: #eee;
+    @color-1: #ECECEC;
     @color-2: white;
-    @color-3: black;
+    @color-3: #141414;
     @color-4: #424242;
 
     @font-sans-serif: 'Avenir';
@@ -38,6 +38,6 @@
 
     @toolbar-padding-top: 10px;
 
-    @notebook-blue-color: #007AE0;
+    @notebook-blue-color: #2A75C0;
 
 // ────────────────────────────────────────────────────────────────────────────────

resources/toolbar-back.png

@@ -0,0 +1,46 @@
+
+//
+// Kary Foundation's Brand Color Scheme
+//    Copyright 2016 Kary Foundation, Inc - All Rights Reserved.
+//
+// IMPORTANT
+//    Premission to use this color scheme is ONLY granted for use within Kary
+//    Foundation Branded Projects. As a brand property you get no right to use
+//    this theme with any other project.
+//
+
+//
+// ─── KARY FOUNDATION LIGHT ──────────────────────────────────────────────────────
+//
+
+    @kary-light-orange:           #B36D00;
+    @kary-light-red:              #C03207;
+    @kary-light-magenta:          #9F0D97;
+    @kary-light-blue:             #2A75C0;
+    @kary-light-green:            #317410;
+    
+    @kary-light-foreground:       #141414;
+    @kary-light-comment:          #BBB7B5;
+    @kary-light-background:       #F5F5F5;
+
+    @kary-light-selection:        #C2E8F4;
+    @kary-light-highlights:       #ECECEC;
+
+//
+// ─── KARY FOUNDATION DARK ───────────────────────────────────────────────────────
+//
+
+    @kary-dark-orange:            #B48337;
+    @kary-dark-red:               #D17051;
+    @kary-dark-magenta:           #A47097;
+    @kary-dark-blue:              #668BB7;
+    @kary-dark-green:             #6F985A;
+    
+    @kary-dark-foreground:        #C1C1C1;
+    @kary-dark-comment:           #5D5D5D;
+    @kary-dark-background:        #141414;
+
+    @kary-dark-selcetion:         #1B424E;
+    @kary-dark-highlights:        #1B1B1B;
+
+// ────────────────────────────────────────────────────────────────────────────────

sheets/globals.less

@@ -14,9 +14,9 @@
     @import 'sheets/views/graph';
     @import 'sheets/views/toolbar';
 
-    @import 'sheets/views/notebook/inspector';
-    @import 'sheets/views/notebook/prompt';
-    @import 'sheets/views/notebook/say';
+    @import 'sheets/views/inspector/inspector';
+    @import 'sheets/views/inspector/prompt';
+    @import 'sheets/views/inspector/say';
 
 // ────────────────────────────────────────────────────────────────────────────────
 

sheets/libs/kary-scheme.less

@@ -14,24 +14,18 @@
 //
 // ─── SCRIPT EDITOR ──────────────────────────────────────────────────────────────
 //
-
+ 
     #inspector {
-        width: @inspector-width - 2 * @inspector-width-padding;
+        width: @inspector-width;
         height: ~'calc( 100vh - 50px )';
         float: left;
-        padding: @inspector-width-padding;
-        padding-top: 0;
         background-color: #ddd;
     }
 
     .inspector-section {
-        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-        border-radius: @inspector-border-radius;
     }
 
     .inspector-section-title {
-        margin-top: @inspector-width-padding;
-        background-color: white;
         border-top-left-radius: @inspector-border-radius;
         border-top-right-radius: @inspector-border-radius;
         border-bottom: 2px solid #eee;