Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Added Brackets themes.

  • Loading branch information...
commit b3ccfd3f624a3a3af2d06ae695c9935c9c2ba201 1 parent 1512665
@ryanstewart ryanstewart authored
View
BIN  Brackets/.DS_Store
Binary file not shown
View
24 Brackets/README.md
@@ -0,0 +1,24 @@
+# Brackets Tomorrow Theme
+This is the [Tomorrow Theme](https://github.com/ChrisKempson/Tomorrow-Theme/) for [Brackets](http://brackets.io) by [Ryan Stewart](http://blog.digitalbackcountry.com).
+
+# Usage
+Take these files and drop them into your `styles` directory in the Brackets source code. Then change line 56 of `styles/brackets_shared.less` and replace `brackets_theme_default.less` to whichever version of the Tomorrow theme you want to use.
+
+# By
+
+
+# Examples
+## Tomorrow Night
+![Brackets Tomorrow Night](examples/brackets-tomorrow-night.png)
+
+## Tomorrow
+![Brackets Tomorrow](examples/brackets-tomorrow.png)
+
+## Tomorrow Night Eighties
+![Brackets Tomorrow Night Eighties](examples/brackets-tomorrow-night-eighties.png)
+
+## Tomorrow Night Blue
+![Brackets Tomorrow Night Blue](examples/brackets-tomorrow-night-blue.png)
+
+## Tomorrow Night Bright
+![Brackets Tomorrow Night Bright](examples/brackets-tomorrow-night-bright.png)
View
154 Brackets/brackets_theme_tomorrow.less
@@ -0,0 +1,154 @@
+
+// Copyright (c) 2012 Adobe Systems Incorporated. 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.
+
+
+/*
+ * Brackets Default Theme
+ *
+ * Defines all the variables that one can configure in a theme. This should
+ * contain all variables / mixins for UI styling that we want to be able to
+ * change in a theme.
+ *
+ * Throughout the rest of the LESS files we should _only_ use color
+ * variable names that are on the LHS of the list below. So, if we
+ * need a new color for some UI element, we should add a variable
+ * in this file.
+ */
+
+/* Overall Colors */
+@background: #ffffff;
+@current-line: #efefef;
+@foreground: #4d4d4c;
+@comment: #8e908c;
+@red: #c82829;
+@orange: #f5871f;
+@yellow: #eab700;
+@green: #718c00;
+@aqua: #3e999f;
+@blue: #4271ae;
+@purple: #8959a8;
+
+
+
+/*
+ * Background colors are ordered from least "intense" to most "intense"
+ * So, if the background is light, then @background-color-3 should be
+ * lightest, -2 should be darker, and -1 should be darker still.
+ *
+ * The opposite is true for a dark background -- background-color-3 should be
+ * the darkest, -2 should be lighter, and -1 should be lighter still.
+ */
+@background-color-1: lighten(@background, @bc-color-step-size*2);
+@background-color-2: lighten(@background, @bc-color-step-size);
+@background-color-3: @background;
+
+/*
+ * @content-color-stronger should be should be further away from the
+ * background color than @content-color (i.e. more contrasty).
+ *
+ * @content-color-weaker should be closer to the background color
+ * than @content-color (i.e. less contrasty).
+ */
+@content-color: @foreground;
+@content-color-stronger: lighten(@foreground, @bc-color-step-size);
+@content-color-weaker: darken(@foreground, @bc-color-step-size);
+
+/* Code Styling */
+
+/* code accent colors */
+@accent-keyword: @purple;
+@accent-atom: @orange;
+@accent-number: @green;
+@accent-def: @foreground;
+@accent-variable: @orange;
+@accent-variable-2: @blue;
+@accent-variable-3: @yellow;
+@accent-property: @yellow;
+@accent-operator: @foreground;
+@accent-comment: @comment;
+@accent-string: @green;
+@accent-string-2: @aqua;
+@accent-meta: @red;
+@accent-error: @red;
+@accent-qualifier: @blue;
+@accent-builtin: @yellow;
+@accent-bracket: @foreground;
+@accent-tag: @blue;
+@accent-attribute: @orange;
+@accent-header: @purple;
+@accent-quote: @blue;
+@accent-hr: @orange;
+@accent-link: @yellow;
+@accent-rangeinfo: @aqua;
+@accent-minus: @red;
+@accent-plus: @green;
+
+/* inline editor colors */
+@inline-background-color-1: lighten(@background, @bc-color-step-size);
+@inline-background-color-2: lighten(@background, @bc-color-step-size*2);
+@inline-background-color-3: lighten(@background, @bc-color-step-size*3);
+
+@inline-color-1: darken(@foreground, @bc-color-step-size*2);
+@inline-color-2: darken(@foreground, @bc-color-step-size);
+@inline-color-3: @foreground;
+
+/* Code font formatting
+ *
+ * NOTE (JRB): At this time, the font-family must be set in .code-font (not in one of the platform-specific versions).
+ * This is because, in order to get the web font to load early enough, we have a div called "dummy-text" that
+ * is styled with .code-font().
+ *
+ * The platform-specific selector gets added to the body tag at document ready time, so it may not happen soon
+ * enough to get the web font loaded. So, we can't rely on this selector to load web fonts in a platform-specific way
+ *
+ * An alternative (if we wanted platform-specific fonts) would be to have a dummy text div for EVERY web font, and
+ * then style those dummy text divs directly in brackets_fonts.less. However, this would result in us downloading
+ * all fonts for every platform. This probably isn't a huge performance problem, but isn't necessary at this time.
+ */
+.code-font() {
+ color: @content-color;
+ // line-height must be specified in px not em because the code font and line number font sizes are different.
+ // Sizing via em will cause the code and line numbers to misalign
+ line-height: 15px;
+ font-size: 12px;
+ font-family: 'SourceCodePro', monospace;
+}
+
+.code-font-win() {
+ .code-font();
+}
+
+.code-font-mac() {
+ .code-font();
+}
+
+.code-cursor() {
+ // to make a block cursor, use something like this:
+ // background-color: fadeout(@blue, 50%);
+ // border: none !important;
+
+ // to make an I-cursor, use something like this:
+ border-left: 1px solid @content-color !important;
+
+}
+
+/* Variables and Mixins for non-code UI elements that can be styled */
+
View
152 Brackets/brackets_theme_tomorrow_night.less
@@ -0,0 +1,152 @@
+
+// Copyright (c) 2012 Adobe Systems Incorporated. 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.
+
+
+/*
+ * Brackets Default Theme
+ *
+ * Defines all the variables that one can configure in a theme. This should
+ * contain all variables / mixins for UI styling that we want to be able to
+ * change in a theme.
+ *
+ * Throughout the rest of the LESS files we should _only_ use color
+ * variable names that are on the LHS of the list below. So, if we
+ * need a new color for some UI element, we should add a variable
+ * in this file.
+ */
+
+/* Overall Colors */
+@background: #1d1f21;
+@current-line: #282a2e;
+@foreground: #c5c8c6;
+@comment: #969896;
+@orange: #de935f;
+@blue: #81a2be;
+@purple: #b294bb;
+@green: #b5bd68;
+@red: #cc6666;
+@aqua: #8abeb7;
+@yellow: #f0c674;
+
+/*
+ * Background colors are ordered from least "intense" to most "intense"
+ * So, if the background is light, then @background-color-3 should be
+ * lightest, -2 should be darker, and -1 should be darker still.
+ *
+ * The opposite is true for a dark background -- background-color-3 should be
+ * the darkest, -2 should be lighter, and -1 should be lighter still.
+ */
+@background-color-1: lighten(@background, @bc-color-step-size*2);
+@background-color-2: lighten(@background, @bc-color-step-size);
+@background-color-3: @background;
+
+/*
+ * @content-color-stronger should be should be further away from the
+ * background color than @content-color (i.e. more contrasty).
+ *
+ * @content-color-weaker should be closer to the background color
+ * than @content-color (i.e. less contrasty).
+ */
+@content-color: @foreground;
+@content-color-stronger: lighten(@foreground, @bc-color-step-size);
+@content-color-weaker: darken(@foreground, @bc-color-step-size);
+
+/* Code Styling */
+
+/* code accent colors */
+@accent-keyword: @purple;
+@accent-atom: @orange;
+@accent-number: @green;
+@accent-def: @foreground;
+@accent-variable: @orange;
+@accent-variable-2: @blue;
+@accent-variable-3: @yellow;
+@accent-property: @yellow;
+@accent-operator: @foreground;
+@accent-comment: @comment;
+@accent-string: @green;
+@accent-string-2: @aqua;
+@accent-meta: @red;
+@accent-error: @red;
+@accent-qualifier: @blue;
+@accent-builtin: @yellow;
+@accent-bracket: @foreground;
+@accent-tag: @blue;
+@accent-attribute: @orange;
+@accent-header: @purple;
+@accent-quote: @blue;
+@accent-hr: @orange;
+@accent-link: @yellow;
+@accent-rangeinfo: @aqua;
+@accent-minus: @red;
+@accent-plus: @green;
+
+/* inline editor colors */
+@inline-background-color-1: lighten(@background, @bc-color-step-size);
+@inline-background-color-2: lighten(@background, @bc-color-step-size*2);
+@inline-background-color-3: lighten(@background, @bc-color-step-size*3);
+
+@inline-color-1: darken(@foreground, @bc-color-step-size*2);
+@inline-color-2: darken(@foreground, @bc-color-step-size);
+@inline-color-3: @foreground;
+
+/* Code font formatting
+ *
+ * NOTE (JRB): At this time, the font-family must be set in .code-font (not in one of the platform-specific versions).
+ * This is because, in order to get the web font to load early enough, we have a div called "dummy-text" that
+ * is styled with .code-font().
+ *
+ * The platform-specific selector gets added to the body tag at document ready time, so it may not happen soon
+ * enough to get the web font loaded. So, we can't rely on this selector to load web fonts in a platform-specific way
+ *
+ * An alternative (if we wanted platform-specific fonts) would be to have a dummy text div for EVERY web font, and
+ * then style those dummy text divs directly in brackets_fonts.less. However, this would result in us downloading
+ * all fonts for every platform. This probably isn't a huge performance problem, but isn't necessary at this time.
+ */
+.code-font() {
+ color: @content-color;
+ // line-height must be specified in px not em because the code font and line number font sizes are different.
+ // Sizing via em will cause the code and line numbers to misalign
+ line-height: 15px;
+ font-size: 12px;
+ font-family: 'SourceCodePro', monospace;
+}
+
+.code-font-win() {
+ .code-font();
+}
+
+.code-font-mac() {
+ .code-font();
+}
+
+.code-cursor() {
+ // to make a block cursor, use something like this:
+ // background-color: fadeout(@blue, 50%);
+ // border: none !important;
+
+ // to make an I-cursor, use something like this:
+ border-left: 1px solid @content-color !important;
+
+}
+
+/* Variables and Mixins for non-code UI elements that can be styled */
+
View
152 Brackets/brackets_theme_tomorrow_night_blue.less
@@ -0,0 +1,152 @@
+
+// Copyright (c) 2012 Adobe Systems Incorporated. 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.
+
+
+/*
+ * Brackets Default Theme
+ *
+ * Defines all the variables that one can configure in a theme. This should
+ * contain all variables / mixins for UI styling that we want to be able to
+ * change in a theme.
+ *
+ * Throughout the rest of the LESS files we should _only_ use color
+ * variable names that are on the LHS of the list below. So, if we
+ * need a new color for some UI element, we should add a variable
+ * in this file.
+ */
+
+/* Overall Colors */
+@background: #002451;
+@current-line: #00346e;
+@foreground: #ffffff;
+@comment: #7285b7;
+@red: #ff9da4;
+@orange: #ffc58f;
+@yellow: #ffeead;
+@green: #d1f1a9;
+@aqua: #99ffff;
+@blue: #bbdaff;
+@purple: #ebbbff;
+
+/*
+ * Background colors are ordered from least "intense" to most "intense"
+ * So, if the background is light, then @background-color-3 should be
+ * lightest, -2 should be darker, and -1 should be darker still.
+ *
+ * The opposite is true for a dark background -- background-color-3 should be
+ * the darkest, -2 should be lighter, and -1 should be lighter still.
+ */
+@background-color-1: lighten(@background, @bc-color-step-size*2);
+@background-color-2: lighten(@background, @bc-color-step-size);
+@background-color-3: @background;
+
+/*
+ * @content-color-stronger should be should be further away from the
+ * background color than @content-color (i.e. more contrasty).
+ *
+ * @content-color-weaker should be closer to the background color
+ * than @content-color (i.e. less contrasty).
+ */
+@content-color: @foreground;
+@content-color-stronger: lighten(@foreground, @bc-color-step-size);
+@content-color-weaker: darken(@foreground, @bc-color-step-size);
+
+/* Code Styling */
+
+/* code accent colors */
+@accent-keyword: @purple;
+@accent-atom: @orange;
+@accent-number: @green;
+@accent-def: @foreground;
+@accent-variable: @orange;
+@accent-variable-2: @blue;
+@accent-variable-3: @yellow;
+@accent-property: @yellow;
+@accent-operator: @foreground;
+@accent-comment: @comment;
+@accent-string: @green;
+@accent-string-2: @aqua;
+@accent-meta: @red;
+@accent-error: @red;
+@accent-qualifier: @blue;
+@accent-builtin: @yellow;
+@accent-bracket: @foreground;
+@accent-tag: @blue;
+@accent-attribute: @orange;
+@accent-header: @purple;
+@accent-quote: @blue;
+@accent-hr: @orange;
+@accent-link: @yellow;
+@accent-rangeinfo: @aqua;
+@accent-minus: @red;
+@accent-plus: @green;
+
+/* inline editor colors */
+@inline-background-color-1: lighten(@background, @bc-color-step-size);
+@inline-background-color-2: lighten(@background, @bc-color-step-size*2);
+@inline-background-color-3: lighten(@background, @bc-color-step-size*3);
+
+@inline-color-1: darken(@foreground, @bc-color-step-size*2);
+@inline-color-2: darken(@foreground, @bc-color-step-size);
+@inline-color-3: @foreground;
+
+/* Code font formatting
+ *
+ * NOTE (JRB): At this time, the font-family must be set in .code-font (not in one of the platform-specific versions).
+ * This is because, in order to get the web font to load early enough, we have a div called "dummy-text" that
+ * is styled with .code-font().
+ *
+ * The platform-specific selector gets added to the body tag at document ready time, so it may not happen soon
+ * enough to get the web font loaded. So, we can't rely on this selector to load web fonts in a platform-specific way
+ *
+ * An alternative (if we wanted platform-specific fonts) would be to have a dummy text div for EVERY web font, and
+ * then style those dummy text divs directly in brackets_fonts.less. However, this would result in us downloading
+ * all fonts for every platform. This probably isn't a huge performance problem, but isn't necessary at this time.
+ */
+.code-font() {
+ color: @content-color;
+ // line-height must be specified in px not em because the code font and line number font sizes are different.
+ // Sizing via em will cause the code and line numbers to misalign
+ line-height: 15px;
+ font-size: 12px;
+ font-family: 'SourceCodePro', monospace;
+}
+
+.code-font-win() {
+ .code-font();
+}
+
+.code-font-mac() {
+ .code-font();
+}
+
+.code-cursor() {
+ // to make a block cursor, use something like this:
+ // background-color: fadeout(@blue, 50%);
+ // border: none !important;
+
+ // to make an I-cursor, use something like this:
+ border-left: 1px solid @content-color !important;
+
+}
+
+/* Variables and Mixins for non-code UI elements that can be styled */
+
View
152 Brackets/brackets_theme_tomorrow_night_bright.less
@@ -0,0 +1,152 @@
+
+// Copyright (c) 2012 Adobe Systems Incorporated. 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.
+
+
+/*
+ * Brackets Default Theme
+ *
+ * Defines all the variables that one can configure in a theme. This should
+ * contain all variables / mixins for UI styling that we want to be able to
+ * change in a theme.
+ *
+ * Throughout the rest of the LESS files we should _only_ use color
+ * variable names that are on the LHS of the list below. So, if we
+ * need a new color for some UI element, we should add a variable
+ * in this file.
+ */
+
+/* Overall Colors */
+@background: #000000;
+@current-line: #2a2a2a;
+@foreground: #eaeaea;
+@comment: #969896;
+@red: #d54e53;
+@orange: #e78c45;
+@yellow: #e7c547;
+@green: #b9ca4a;
+@aqua: #70c0b1;
+@blue: #7aa6da;
+@purple: #c397d8;
+
+/*
+ * Background colors are ordered from least "intense" to most "intense"
+ * So, if the background is light, then @background-color-3 should be
+ * lightest, -2 should be darker, and -1 should be darker still.
+ *
+ * The opposite is true for a dark background -- background-color-3 should be
+ * the darkest, -2 should be lighter, and -1 should be lighter still.
+ */
+@background-color-1: lighten(@background, @bc-color-step-size*2);
+@background-color-2: lighten(@background, @bc-color-step-size);
+@background-color-3: @background;
+
+/*
+ * @content-color-stronger should be should be further away from the
+ * background color than @content-color (i.e. more contrasty).
+ *
+ * @content-color-weaker should be closer to the background color
+ * than @content-color (i.e. less contrasty).
+ */
+@content-color: @foreground;
+@content-color-stronger: lighten(@foreground, @bc-color-step-size);
+@content-color-weaker: darken(@foreground, @bc-color-step-size);
+
+/* Code Styling */
+
+/* code accent colors */
+@accent-keyword: @purple;
+@accent-atom: @orange;
+@accent-number: @green;
+@accent-def: @foreground;
+@accent-variable: @orange;
+@accent-variable-2: @blue;
+@accent-variable-3: @yellow;
+@accent-property: @yellow;
+@accent-operator: @foreground;
+@accent-comment: @comment;
+@accent-string: @green;
+@accent-string-2: @aqua;
+@accent-meta: @red;
+@accent-error: @red;
+@accent-qualifier: @blue;
+@accent-builtin: @yellow;
+@accent-bracket: @foreground;
+@accent-tag: @blue;
+@accent-attribute: @orange;
+@accent-header: @purple;
+@accent-quote: @blue;
+@accent-hr: @orange;
+@accent-link: @yellow;
+@accent-rangeinfo: @aqua;
+@accent-minus: @red;
+@accent-plus: @green;
+
+/* inline editor colors */
+@inline-background-color-1: lighten(@background, @bc-color-step-size);
+@inline-background-color-2: lighten(@background, @bc-color-step-size*2);
+@inline-background-color-3: lighten(@background, @bc-color-step-size*3);
+
+@inline-color-1: darken(@foreground, @bc-color-step-size*2);
+@inline-color-2: darken(@foreground, @bc-color-step-size);
+@inline-color-3: @foreground;
+
+/* Code font formatting
+ *
+ * NOTE (JRB): At this time, the font-family must be set in .code-font (not in one of the platform-specific versions).
+ * This is because, in order to get the web font to load early enough, we have a div called "dummy-text" that
+ * is styled with .code-font().
+ *
+ * The platform-specific selector gets added to the body tag at document ready time, so it may not happen soon
+ * enough to get the web font loaded. So, we can't rely on this selector to load web fonts in a platform-specific way
+ *
+ * An alternative (if we wanted platform-specific fonts) would be to have a dummy text div for EVERY web font, and
+ * then style those dummy text divs directly in brackets_fonts.less. However, this would result in us downloading
+ * all fonts for every platform. This probably isn't a huge performance problem, but isn't necessary at this time.
+ */
+.code-font() {
+ color: @content-color;
+ // line-height must be specified in px not em because the code font and line number font sizes are different.
+ // Sizing via em will cause the code and line numbers to misalign
+ line-height: 15px;
+ font-size: 12px;
+ font-family: 'SourceCodePro', monospace;
+}
+
+.code-font-win() {
+ .code-font();
+}
+
+.code-font-mac() {
+ .code-font();
+}
+
+.code-cursor() {
+ // to make a block cursor, use something like this:
+ // background-color: fadeout(@blue, 50%);
+ // border: none !important;
+
+ // to make an I-cursor, use something like this:
+ border-left: 1px solid @content-color !important;
+
+}
+
+/* Variables and Mixins for non-code UI elements that can be styled */
+
View
154 Brackets/brackets_theme_tomorrow_night_eighties.less
@@ -0,0 +1,154 @@
+
+// Copyright (c) 2012 Adobe Systems Incorporated. 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.
+
+
+/*
+ * Brackets Default Theme
+ *
+ * Defines all the variables that one can configure in a theme. This should
+ * contain all variables / mixins for UI styling that we want to be able to
+ * change in a theme.
+ *
+ * Throughout the rest of the LESS files we should _only_ use color
+ * variable names that are on the LHS of the list below. So, if we
+ * need a new color for some UI element, we should add a variable
+ * in this file.
+ */
+
+/* Overall Colors */
+@background: #2d2d2d;
+@current-line: #393939;
+@foreground: #cccccc;
+@comment: #999999;
+@red: #f2777a;
+@orange: #f99157;
+@yellow: #ffcc66;
+@green: #99cc99;
+@aqua: #66cccc;
+@blue: #6699cc;
+@purple: #cc99cc;
+
+
+
+/*
+ * Background colors are ordered from least "intense" to most "intense"
+ * So, if the background is light, then @background-color-3 should be
+ * lightest, -2 should be darker, and -1 should be darker still.
+ *
+ * The opposite is true for a dark background -- background-color-3 should be
+ * the darkest, -2 should be lighter, and -1 should be lighter still.
+ */
+@background-color-1: lighten(@background, @bc-color-step-size*2);
+@background-color-2: lighten(@background, @bc-color-step-size);
+@background-color-3: @background;
+
+/*
+ * @content-color-stronger should be should be further away from the
+ * background color than @content-color (i.e. more contrasty).
+ *
+ * @content-color-weaker should be closer to the background color
+ * than @content-color (i.e. less contrasty).
+ */
+@content-color: @foreground;
+@content-color-stronger: lighten(@foreground, @bc-color-step-size);
+@content-color-weaker: darken(@foreground, @bc-color-step-size);
+
+/* Code Styling */
+
+/* code accent colors */
+@accent-keyword: @purple;
+@accent-atom: @orange;
+@accent-number: @green;
+@accent-def: @foreground;
+@accent-variable: @orange;
+@accent-variable-2: @blue;
+@accent-variable-3: @yellow;
+@accent-property: @yellow;
+@accent-operator: @foreground;
+@accent-comment: @comment;
+@accent-string: @green;
+@accent-string-2: @aqua;
+@accent-meta: @red;
+@accent-error: @red;
+@accent-qualifier: @blue;
+@accent-builtin: @yellow;
+@accent-bracket: @foreground;
+@accent-tag: @blue;
+@accent-attribute: @orange;
+@accent-header: @purple;
+@accent-quote: @blue;
+@accent-hr: @orange;
+@accent-link: @yellow;
+@accent-rangeinfo: @aqua;
+@accent-minus: @red;
+@accent-plus: @green;
+
+/* inline editor colors */
+@inline-background-color-1: lighten(@background, @bc-color-step-size);
+@inline-background-color-2: lighten(@background, @bc-color-step-size*2);
+@inline-background-color-3: lighten(@background, @bc-color-step-size*3);
+
+@inline-color-1: darken(@foreground, @bc-color-step-size*2);
+@inline-color-2: darken(@foreground, @bc-color-step-size);
+@inline-color-3: @foreground;
+
+/* Code font formatting
+ *
+ * NOTE (JRB): At this time, the font-family must be set in .code-font (not in one of the platform-specific versions).
+ * This is because, in order to get the web font to load early enough, we have a div called "dummy-text" that
+ * is styled with .code-font().
+ *
+ * The platform-specific selector gets added to the body tag at document ready time, so it may not happen soon
+ * enough to get the web font loaded. So, we can't rely on this selector to load web fonts in a platform-specific way
+ *
+ * An alternative (if we wanted platform-specific fonts) would be to have a dummy text div for EVERY web font, and
+ * then style those dummy text divs directly in brackets_fonts.less. However, this would result in us downloading
+ * all fonts for every platform. This probably isn't a huge performance problem, but isn't necessary at this time.
+ */
+.code-font() {
+ color: @content-color;
+ // line-height must be specified in px not em because the code font and line number font sizes are different.
+ // Sizing via em will cause the code and line numbers to misalign
+ line-height: 15px;
+ font-size: 12px;
+ font-family: 'SourceCodePro', monospace;
+}
+
+.code-font-win() {
+ .code-font();
+}
+
+.code-font-mac() {
+ .code-font();
+}
+
+.code-cursor() {
+ // to make a block cursor, use something like this:
+ // background-color: fadeout(@blue, 50%);
+ // border: none !important;
+
+ // to make an I-cursor, use something like this:
+ border-left: 1px solid @content-color !important;
+
+}
+
+/* Variables and Mixins for non-code UI elements that can be styled */
+
View
BIN  Brackets/examples/.DS_Store
Binary file not shown
View
BIN  Brackets/examples/brackets-tomorrow-night-blue.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  Brackets/examples/brackets-tomorrow-night-bright.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  Brackets/examples/brackets-tomorrow-night-eighties.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  Brackets/examples/brackets-tomorrow-night.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
BIN  Brackets/examples/brackets-tomorrow.png
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

1 comment on commit b3ccfd3

@diegocuruma

i use here on brasil, i liked brackets_theme_tomorrow_night, very good man! thanks

Please sign in to comment.
Something went wrong with that request. Please try again.