Port ace themes to codebox addon format

AUTHORS

@@ -4,4 +4,5 @@ Samy Pessé <[email protected]>
 Aaron O'Mullan <[email protected]>
 Cyril MORISSE <[email protected]>
 Julien LEICHER <[email protected]>
-Mark Achée <[email protected]>
+Mark Achée <[email protected]>
+Lincoln Lee <[email protected]>

addons/cb.theme.ambiance/ace/theme.js

@@ -0,0 +1,10 @@
+define([
+    "css!ace/theme.css"
+], function(cssContent) {
+
+    return {
+        'isDark': true,
+        'cssClass': "ace-ambiance",
+        'cssText': cssContent
+    }
+});

addons/cb.theme.ambiance/main.js

@@ -0,0 +1,128 @@
+define([
+    'ace/theme'
+], function(aceTheme) {
+    var themes = codebox.require("core/themes");
+
+    var bgDarker = "#1a1d24";
+    var colorDarker = "#505c66";
+
+    var bgDark = "#222830";
+    var colorDark = "#64737e";
+
+    var bgNormal = "#1c1f25";
+    var colorNormal = "#dfe0e6";
+
+    var bgLight = "#2b303b";
+    var colorLight = "#dadfe6";
+
+    themes.add({
+        id: "ambiance",
+        title: "Ambiance",
+
+        editor: {
+            'theme': aceTheme
+        },
+        styles: {
+            // Top menubar
+            menubar: {
+                'background': bgDarker,
+                'color': colorDark,
+                'border-color': "#111",
+
+                button: {
+                    'border-color': bgNormal
+                }
+            },
+
+            // Statusbar
+            statusbar: {
+                'background': bgDarker,
+                'color': colorDark,
+                'border-color': "#111",
+
+                button: {
+                    'border-color': bgNormal
+                }
+            },
+
+            // Lateral bar panels
+            lateralbar: {
+                'background': bgDark,
+
+                commands: {
+                    'background': bgDark,
+                    'color': colorLight
+                },
+                body: {
+                    'color': colorDark
+                }
+            },
+
+            // Body
+            body: {
+                'background': bgDark,
+                'color': colorDark
+            },
+
+            // Tabs
+            tabs: {
+                section: {
+                    'border-color': bgDark
+                },
+                header: {
+                    'background': bgDark,
+                    'color': colorDark
+                },
+                content: {
+                    'background': bgLight
+                },
+                tab: {
+                    '&.active': {
+                        'background': bgLight,
+                        'color': colorLight
+                    }
+                }
+            },
+
+            // Operations
+            operations: {
+                operation: {
+                    'background': bgLight,
+                    'color': "#fff",
+                    'border-color': "transparent"
+                }
+            },
+
+            // Alerts
+            alerts: {
+                alert: {
+                    'background': bgLight,
+                    'color': colorLight,
+                    'border-color': "transparent"
+                }
+            },
+
+            // Palette
+            palette: {
+                'background': bgDark,
+                'border-color': bgDarker,
+
+                input: {
+                    'background': bgLight,
+                    'border-color': bgDarker,
+                    'color': colorLight
+                },
+
+                results: {
+                    'background': bgLight,
+                    'border-color': bgDarker,
+                    'color': colorLight,
+
+                    command: {
+                        'border-color': bgDarker
+                    }
+                }
+            }
+        }
+    });
+});

addons/cb.theme.ambiance/package.json

@@ -0,0 +1,19 @@
+{
+    "name": "cb.theme.ambiance",
+    "version": "0.0.1",
+    "title": "Ambiance Theme",
+    "description": "Ambiance theme. Ported from Ace.",
+    "homepage": "https://github.com/linc01n/codebox-theme",
+    "license": "BSD",
+    "author": {
+        "name": "Lincoln Lee",
+        "email": "[email protected]",
+        "url": "https://github.com/linc01n"
+    },
+    "client": {
+        "main": "main"
+    },
+    "engines": {
+        "codebox": ">=0.7.0"
+    }
+}

addons/cb.theme.chaos/ace/theme.css

@@ -0,0 +1,154 @@
+.ace-chaos .ace_gutter {
+  background: #141414;
+  color: #595959;
+  border-right: 1px solid #282828;
+}
+.ace-chaos .ace_gutter-cell.ace_warning {
+  background-image: none;
+  background: #FC0;
+  border-left: none;
+  padding-left: 0;
+  color: #000;
+}
+.ace-chaos .ace_gutter-cell.ace_error {
+  background-position: -6px center;
+  background-image: none;
+  background: #F10;
+  border-left: none;
+  padding-left: 0;
+  color: #000;
+}
+.ace-chaos .ace_print-margin {
+  border-left: 1px solid #555;
+  right: 0;
+  background: #1D1D1D;
+}
+.ace-chaos {
+  background-color: #161616;
+  color: #E6E1DC;
+}
+
+.ace-chaos .ace_cursor {
+  border-left: 2px solid #FFFFFF;
+}
+.ace-chaos .ace_cursor.ace_overwrite {
+  border-left: 0px;
+  border-bottom: 1px solid #FFFFFF;
+}
+.ace-chaos .ace_marker-layer .ace_selection {
+  background: #494836;
+}
+.ace-chaos .ace_marker-layer .ace_step {
+  background: rgb(198, 219, 174);
+}
+.ace-chaos .ace_marker-layer .ace_bracket {
+  margin: -1px 0 0 -1px;
+  border: 1px solid #FCE94F;
+}
+.ace-chaos .ace_marker-layer .ace_active-line {
+  background: #333;
+}
+.ace-chaos .ace_gutter-active-line {
+  background-color: #222;
+}
+.ace-chaos .ace_invisible {
+  color: #404040;
+}
+.ace-chaos .ace_keyword {
+  color:#00698F;
+}
+.ace-chaos .ace_keyword.ace_operator {
+  color:#FF308F;
+}
+.ace-chaos .ace_constant {
+  color:#1EDAFB;
+}
+.ace-chaos .ace_constant.ace_language {
+  color:#FDC251;
+}
+.ace-chaos .ace_constant.ace_library {
+  color:#8DFF0A;
+}
+.ace-chaos .ace_constant.ace_numeric {
+  color:#58C554;
+}
+.ace-chaos .ace_invalid {
+  color:#FFFFFF;
+  background-color:#990000;
+}
+.ace-chaos .ace_invalid.ace_deprecated {
+  color:#FFFFFF;
+  background-color:#990000;
+}
+.ace-chaos .ace_support {
+  color: #999;
+}
+.ace-chaos .ace_support.ace_function {
+  color:#00AEEF;
+}
+.ace-chaos .ace_function {
+  color:#00AEEF;
+}
+.ace-chaos .ace_string {
+  color:#58C554;
+}
+.ace-chaos .ace_comment {
+  color:#555;
+  font-style:italic;
+  padding-bottom: 0px;
+}
+.ace-chaos .ace_variable {
+  color:#997744;
+}
+.ace-chaos .ace_meta.ace_tag {
+  color:#BE53E6;
+}
+.ace-chaos .ace_entity.ace_other.ace_attribute-name {
+  color:#FFFF89;
+}
+.ace-chaos .ace_markup.ace_underline {
+  text-decoration: underline;
+}
+.ace-chaos .ace_fold-widget {
+  text-align: center;
+}
+
+.ace-chaos .ace_fold-widget:hover {
+  color: #777;
+}
+
+.ace-chaos .ace_fold-widget.ace_start,
+.ace-chaos .ace_fold-widget.ace_end,
+.ace-chaos .ace_fold-widget.ace_closed{
+  background: none;
+  border: none;
+  box-shadow: none;
+}
+
+.ace-chaos .ace_fold-widget.ace_start:after {
+  content: '▾'
+}
+
+.ace-chaos .ace_fold-widget.ace_end:after {
+  content: '▴'
+}
+
+.ace-chaos .ace_fold-widget.ace_closed:after {
+  content: '‣'
+}
+
+.ace-chaos .ace_indent-guide {
+  border-right:1px dotted #333;
+  margin-right:-1px;
+}
+
+.ace-chaos .ace_fold { 
+  background: #222; 
+  border-radius: 3px; 
+  color: #7AF; 
+  border: none; 
+}
+.ace-chaos .ace_fold:hover {
+  background: #CCC; 
+  color: #000;
+}

addons/cb.theme.chaos/ace/theme.js

@@ -0,0 +1,10 @@
+define([
+    "css!ace/theme.css"
+], function(cssContent) {
+
+    return {
+        'isDark': true,
+        'cssClass': "ace-chaos",
+        'cssText': cssContent
+    }
+});