Attachment #832955 for bug #916766

Attachment #832955: theme-preprocess.patch for bug #916766

View | Details | Raw Unified | Return to bug 916766
Collapse All | Expand All





  skin/classic/browser/tabbrowser/tabDragIndicator@2x.png                (tabbrowser/tabDragIndicator@2x.png)
  skin/classic/browser/tabview/close.png                    (tabview/close.png)
  skin/classic/browser/tabview/edit-light.png               (tabview/edit-light.png)
  skin/classic/browser/tabview/search.png                   (tabview/search.png)
  skin/classic/browser/tabview/stack-expander.png           (tabview/stack-expander.png)
  skin/classic/browser/tabview/tabview.png                  (tabview/tabview.png)
  skin/classic/browser/tabview/tabview.css                  (tabview/tabview.css)
* skin/classic/browser/devtools/common.css                  (devtools/common.css)
*  skin/classic/browser/devtools/dark-theme.css              (../shared/devtools/dark-theme.css)
*  skin/classic/browser/devtools/light-theme.css             (../shared/devtools/light-theme.css)
  skin/classic/browser/devtools/controls.png                (../shared/devtools/controls.png)
* skin/classic/browser/devtools/widgets.css                 (devtools/widgets.css)
  skin/classic/browser/devtools/commandline-icon.png        (devtools/commandline-icon.png)
  skin/classic/browser/devtools/command-paintflashing.png   (devtools/command-paintflashing.png)
  skin/classic/browser/devtools/command-responsivemode.png  (devtools/command-responsivemode.png)
  skin/classic/browser/devtools/command-scratchpad.png      (devtools/command-scratchpad.png)
  skin/classic/browser/devtools/command-tilt.png            (devtools/command-tilt.png)
  skin/classic/browser/devtools/alerticon-warning.png       (devtools/alerticon-warning.png)

-      Line
+  Link Here
-      Line 0
+  Link Here
+%if 0
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.*/
+/* View list of colors online with previews:
+ * https://developer.mozilla.org/en-US/docs/Tools/DevToolsColors; */
+%endif
+%define mainBackgroundColor #131c26
+%define textColor #8fa1b2
+%define separatorColor #303b47
+%define darkerBackgroundColor rgba(0,0,0,0.5)
+%define contrastBackgroundColor #a18650
+%define selectedColor #26394D
+%define linkColor #3689b2
+%define linkVisitedColor #3689b2
+%define commentColor #5c6773
+%define fg1Color #5c9966
+%define fg2Color #3689b2
+%define fg3Color #a673bf
+%define fg4Color #6270b2
+%define fg5Color #a18650
+%define fg6Color #b26b47
+%define fg7Color #bf5656





/* vim:set ts=2 sw=2 sts=2 et: */
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/* According to:
 * https://bugzilla.mozilla.org/show_bug.cgi?id=715472#c17
 */

%include dark-theme-colors.inc
%filter substitution

.theme-body {
  background: @mainBackgroundColor@;
  color: @textColor@;
}

.theme-twisty {
  cursor: pointer;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-image: url("chrome://browser/skin/devtools/controls.png");

  background-position: -28px 0;
}

.theme-checkbox[checked] {
  background-position: -42px 0;
}

.theme-selected {
  background: @selectedColor@;
}

.theme-bg-darker,
.cm-s-mozilla .CodeMirror-gutters {
  background-color: @darkerBackgroundColor@;
}

.theme-bg-contrast { /* contrast bg color to attract attention on a container */
  background: @contrastBackgroundColor@;
}

.theme-link,
.cm-s-mozilla .cm-link { /* blue */
  color: @linkColor@;
}

/*
 * FIXME: http://bugzil.la/575675 CSS links without :visited set cause assertion
 * failures in debug builds.
 */
.theme-link:visited,
.cm-s-mozilla .cm-link:visited { /* blue */
  color: @linkVisitedColor@;
}


.theme-comment,
.cm-s-mozilla .cm-meta,
.cm-s-mozilla .cm-hr,
.cm-s-mozilla .cm-comment { /* grey */
  color: @commentColor@;
}

.theme-gutter {
  background-color: #0f171f;
  color: #667380;
  border-color: @separatorColor@;
}

.theme-separator { /* grey */
  border-color: @separatorColor@;
}

.theme-fg-color1,
.cm-s-mozilla .cm-number { /* green */
  color: @fg1Color@;
}

.theme-fg-color2,
.cm-s-mozilla .cm-attribute,
.cm-s-mozilla .cm-variable,
.cm-s-mozilla .cm-def,
.cm-s-mozilla .cm-property,
.cm-s-mozilla .cm-qualifier { /* blue */
  color: @fg2Color@;
}

.theme-fg-color3,
.cm-s-mozilla .cm-builtin,
.cm-s-mozilla .cm-tag,
.cm-s-mozilla .cm-header { /* pink/lavender */
  color: @fg3Color@;
}

.theme-fg-color4 { /* purple/violet */
  color: @fg4Color@;
}

.theme-fg-color5,
.cm-s-mozilla .cm-bracket,
.cm-s-mozilla .cm-keyword { /* Yellow */
  color: @fg5Color@;
}

.theme-fg-color6,
.cm-s-mozilla .cm-string,
.cm-s-mozilla .cm-string-2 { /* Orange */
  color: @fg6Color@;
}

.theme-fg-color7,
.cm-s-mozilla .cm-atom,
.cm-s-mozilla .cm-quote,
.cm-s-mozilla .cm-error { /* Red */
  color: @fg7Color@;
}

.theme-toolbar,
.devtools-toolbar { /* General toolbar styling */
  color: hsl(210,30%,85%);
  background-image: url(background-noise-toolbar.png), linear-gradient(#3e4750, #3e4750);
  border-color: #060a0d;
  box-shadow: 0 1px 0 hsla(204,45%,98%,.05) inset, -1px 0 0 hsla(204,45%,98%,.05) inset, 0 -1px 0 hsla(204,45%,98%,.05) inset;

-      Line
+  Link Here
-      Line 0
+  Link Here
+%if 0
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at http://mozilla.org/MPL/2.0/.*/
+/* View list of colors online with previews:
+ * https://developer.mozilla.org/en-US/docs/Tools/DevToolsColors; */
+%endif
+%define mainBackgroundColor white
+%define textColor black
+%define separatorColor #cddae5
+%define darkerBackgroundColor #EFEFEF
+%define contrastBackgroundColor black
+%define selectedColor #CCC
+%define linkColor hsl(208,56%,40%)
+%define linkVisitedColor hsl(208,56%,40%)
+%define commentColor hsl(90,2%,46%)
+%define fg1Color hsl(72,100%,27%)
+%define fg2Color hsl(208,56%,40%)
+%define fg3Color hsl(208,81%,21%)
+%define fg4Color hsl(24,85%,39%)
+%define fg5Color #a18650
+%define fg6Color hsl(24,85%,39%)
+%define fg7Color #bf5656





/* vim:set ts=2 sw=2 sts=2 et: */
/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

/* According to:
 * https://bugzilla.mozilla.org/show_bug.cgi?id=715472#c17
 */

%include light-theme-colors.inc
%filter substitution

.theme-body {
  background: @mainBackgroundColor@;
  color: @textColor@;
}

.theme-twisty {
  cursor: pointer;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-image: url("chrome://browser/skin/devtools/controls.png");

  background-position: 0 0;
}

.theme-checkbox[checked] {
  background-position: -14px 0;
}

.theme-selected {
  background: @selectedColor@;
}

.theme-bg-darker,
.cm-s-mozilla .CodeMirror-gutters {
  background: @darkerBackgroundColor@;
}

.theme-bg-contrast { /* contrast bg color to attract attention on a container */
  background: @contrastBackgroundColor@;
}

.theme-link,
.cm-s-mozilla .cm-link { /* blue */
  color: @linkColor@;
}

/*
 * FIXME: http://bugzil.la/575675 CSS links without :visited set cause assertion
 * failures in debug builds.
 */
.theme-link:visited,
.cm-s-mozilla .cm-link:visited { /* blue */
  color: @linkVisitedColor@;
}

.theme-comment,
.cm-s-mozilla .cm-meta,
.cm-s-mozilla .cm-hr,
.cm-s-mozilla .cm-comment { /* grey */
  color: @commentColor@;
}

.theme-gutter {
  background-color: hsl(0,0%,90%);
  color: #667380;
  border-color: hsl(0,0%,65%);
}

.theme-separator { /* grey */
  border-color: #cddae5;
}

.theme-fg-color1,
.cm-s-mozilla .cm-number { /* green */
  color: @fg1Color@;
}

.theme-fg-color2,
.cm-s-mozilla .cm-attribute,
.cm-s-mozilla .cm-builtin,
.cm-s-mozilla .cm-def,
.cm-s-mozilla .cm-property,
.cm-s-mozilla .cm-qualifier { /* blue */
  color: @fg2Color@;
}

.theme-fg-color3,
.cm-s-mozilla .cm-variable,
.cm-s-mozilla .cm-tag,
.cm-s-mozilla .cm-header { /* dark blue */
  color: @fg3Color@;
}

.theme-fg-color4 { /* Orange */
  color: @fg4Color@;
}

.theme-fg-color5,
.cm-s-mozilla .cm-bracket,
.cm-s-mozilla .cm-keyword { /* Yellow */
  color: @fg5Color@;
}

.theme-fg-color6,
.cm-s-mozilla .cm-string,
.cm-s-mozilla .cm-string-2 { /* Orange */
  color: @fg6Color@;
}

.theme-fg-color7,
.cm-s-mozilla .cm-atom,
.cm-s-mozilla .cm-quote,
.cm-s-mozilla .cm-error { /* Red */
  color: @fg7Color@;
}

.theme-fg-contrast { /* To be used for text on theme-bg-contrast */
  color: black;
}

.theme-toolbar,
.devtools-toolbar { /* General toolbar styling */

Return to bug 916766