jyapayne/ace
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added chaos theme

Browse source
This commit is contained in:
C9 2012-12-13 18:42:14 -05:00
commit ba4c463ba9
3 changed files with 171 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

15
kitchen-sink.html
View file

@ -5,6 +5,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Ace Kitchen Sink</title>
<meta name="author" content="Fabian Jakobs">
<meta name="viewport" content="user-scalable=no">
<!--
Ace
version %version%
@ -16,19 +17,18 @@
<script src="http://use.edgefonts.net/source-code-pro.js"></script>
<!--DEVEL-->
<link href="./doc/resources/ace/skeleton/images/favicon.ico" rel="icon" type="image/x-icon">
<!--PACKAGE
<link rel="stylesheet" href="kitchen-sink/styles.css" type="text/css" media="screen" charset="utf-8">
<script src="http://use.edgefonts.net/source-code-pro.js"></script>
PACKAGE-->
</head>
<body>
<div id="optionsPanel" style="position:absolute;height:100%;width:260px">
<div id="optionsPanel" style="position:absolute;height:100%">
<a href="http://ajaxorg.github.com/ace/" >
<img id="logo" src="demo/kitchen-sink/logo.png">
</a>
<div style="position: absolute; overflow: hidden; top:80px; bottom:0">
<div style="width: 120%; height:100%; overflow-y: scroll">
<div style="width: 120%; height:100%; overflow-y: scroll; -webkit-overflow-scrolling: touch">
<table id="controls">
<tr>
@ -78,6 +78,7 @@
</optgroup>
<optgroup label="Dark">
<option value="ace/theme/ambiance">Ambiance</option>
<option value="ace/theme/chaos">Chaos</option>
<option value="ace/theme/clouds_midnight">Clouds Midnight</option>
<option value="ace/theme/cobalt">Cobalt</option>
<option value="ace/theme/idle_fingers">idleFingers</option>
@ -246,6 +247,14 @@
<input type="checkbox" id="highlight_token">
</td>
</tr>
<tr>
<td >
<label for="mobile_mode">Mobile Mode</label>
</td>
<td>
<input type="checkbox" id="mobile_mode">
</td>
</tr>
</table>
</td></tr>
</table>

126
lib/ace/theme/chaos.css Normal file
View file

@ -0,0 +1,126 @@
.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 {
width: 1px;
background: #e8e8e8;
}
.ace-chaos .ace_scroller {
background-color: #161616;
}
.ace-chaos .ace_text-layer {
cursor: text;
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: rgba(90, 90, 90, 0.3);
}
.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 {
background: #222;
border-radius: 3px;
color: #7AF;
border: none;
}
.ace-chaos .ace_fold:hover {
background: #CCC !important;
color: #000 !important;
}
.ace_fold-widget {
height: 10px;
background-position: 3px 3px;
}

33
lib/ace/theme/chaos.js Normal file
View file

@ -0,0 +1,33 @@
/* ***** BEGIN LICENSE BLOCK *****
* Distributed under the BSD license:
*
* Copyright 2011 Irakli Gozalishvili. All rights reserved.
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to
* deal in the Software without restriction, including without limitation the
* rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
* sell copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
* FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
* IN THE SOFTWARE.
* ***** END LICENSE BLOCK ***** */
define(function(require, exports, module) {
exports.isDark = true;
exports.cssClass = "ace-chaos";
exports.cssText = require("../requirejs/text!./chaos.css");
var dom = require("../lib/dom");
dom.importCssString(exports.cssText, exports.cssClass);
});