Skip to content

Commit

Permalink
One step brighter colors for SolArc Dark in the URL bar
Browse files Browse the repository at this point in the history
  • Loading branch information
tilpner committed May 25, 2017
1 parent fc109a5 commit ed47811
Show file tree
Hide file tree
Showing 3 changed files with 107 additions and 15 deletions.
4 changes: 2 additions & 2 deletions arc-firefox-theme/chrome/browser/sass/_colors.scss
Original file line number Diff line number Diff line change
Expand Up @@ -3,9 +3,9 @@


$base_color: if($variant =='light', #fdf6e3, #073642);
$text_color: if($variant == 'light', #5c616c, #657b83);
$text_color: if($variant == 'light', #5c616c, #93a1a1);
$bg_color: if($variant =='light', #F5F6F7, #002b36);
$fg_color: if($variant =='light', #5c616c, #657b83);
$fg_color: if($variant =='light', #5c616c, #93a1a1);

$selected_fg_color: #fdf6e3;
$selected_bg_color: #268bd2;
Expand Down
26 changes: 13 additions & 13 deletions arc-firefox-theme/chrome/browser/sass/browser-dark.css
Original file line number Diff line number Diff line change
Expand Up @@ -137,11 +137,11 @@ toolbarbutton.bookmark-item {
border: 1px solid transparent;
border-radius: 2px;
background: none;
color: #657b83; }
color: #93a1a1; }

toolbarbutton.bookmark-item:not([disabled=true]):hover {
-moz-appearance: none;
color: #657b83;
color: #93a1a1;
background-color: #0a5062;
border: 1px solid #001317; }

Expand Down Expand Up @@ -356,7 +356,7 @@ menuitem.bookmark-item {
#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-badge-stack,
#TabsToolbar .toolbarbutton-1:not([disabled=true]):hover > .toolbarbutton-icon {
background-color: none;
color: rgba(89, 128, 143, 0.8);
color: rgba(137, 171, 171, 0.8);
border-color: rgba(0, 0, 0, 0.37);
background-color: rgba(0, 132, 166, 0.37);
background-clip: padding-box; }
Expand Down Expand Up @@ -417,7 +417,7 @@ menuitem.bookmark-item {

#TabsToolbar .toolbaritem-combined-buttons:not(:hover) > separator,
#TabsToolbar .toolbarbutton-1:not(:hover):not(:active):not([open]) > .toolbarbutton-menubutton-dropmarker::before {
background: rgba(89, 128, 143, 0.15); }
background: rgba(137, 171, 171, 0.15); }

:-moz-any(#TabsToolbar, #nav-bar) .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
margin-inline-start: -4px; }
Expand Down Expand Up @@ -942,13 +942,13 @@ toolbarpaletteitem[place="palette"] > #zoom-controls > #zoom-in-button {
border-radius: 3px;
margin: 0 3px;
min-height: 28px;
color: #657b83;
color: #93a1a1;
background-color: #073642;
border: 1px solid #001317; }

#urlbar[focused],
.searchbar-textbox[focused] {
color: #657b83;
color: #93a1a1;
background-color: #073642;
border: 1px solid #001317;
box-shadow: inset 0 1px #268bd2, inset 0 -1px #268bd2, inset 1px 0 #268bd2, inset -1px 0 #268bd2; }
Expand Down Expand Up @@ -2009,14 +2009,14 @@ html|span.ac-emphasize-text-url {
/* Findbar */
.browserContainer > findbar {
background-color: #002b36;
color: #657b83;
color: #93a1a1;
border-top: 1px solid;
-moz-border-top-colors: #001317;
text-shadow: none; }

.browserContainer > findbar .findbar-textbox {
-moz-appearance: none;
color: #657b83;
color: #93a1a1;
border: 1px solid #001317;
background-color: #073642;
box-shadow: none;
Expand Down Expand Up @@ -2057,7 +2057,7 @@ html|span.ac-emphasize-text-url {

.browserContainer > findbar .findbar-find-previous:focus,
.browserContainer > findbar .findbar-find-next:focus {
outline: 1px dashed rgba(101, 123, 131, 0.3);
outline: 1px dashed rgba(147, 161, 161, 0.3);
outline-offset: -3px;
box-shadow: none; }

Expand Down Expand Up @@ -2102,7 +2102,7 @@ html|span.ac-emphasize-text-url {
.tabbrowser-tab[selected="true"],
.tabbrowser-tab[selected="true"]:hover,
.tabbrowser-tab:not([selected="true"]):hover {
color: #657b83; }
color: #93a1a1; }

/* The selected tab should appear above adjacent tabs, .tabs-newtab-button and the highlight of #nav-bar */
.tabbrowser-tab[visuallyselected=true] {
Expand Down Expand Up @@ -2306,9 +2306,9 @@ html|span.ac-emphasize-text-url {
color: inherit; }

.tabbrowser-tab:not([selected="true"]) {
color: rgba(89, 128, 143, 0.6); }
color: rgba(137, 171, 171, 0.6); }
.tabbrowser-tab:not([selected="true"]):hover {
color: rgba(89, 128, 143, 0.8); }
color: rgba(137, 171, 171, 0.8); }

/* Selected tab */
/*
Expand Down Expand Up @@ -2459,7 +2459,7 @@ lwtHeader;*/

#TabsToolbar:not(:-moz-lwtheme) {
-moz-appearance: none;
color: rgba(89, 128, 143, 0.8);
color: rgba(137, 171, 171, 0.8);
background: #002b36; }

#toolbar-menubar:not([autohide="true"]):not(:-moz-lwtheme):-moz-system-metric(menubar-drag),
Expand Down
92 changes: 92 additions & 0 deletions arc-firefox-theme/chrome/browser/sass/solarize.sh
Original file line number Diff line number Diff line change
@@ -0,0 +1,92 @@
#!/usr/bin/env bash

# Arc colors
## SCSS
A_BASE="404552"
A_TEXT="d3dae3"
A_BG="383c4a"
A_FG="$A_TEXT"
A_SELECTED_FG="ffffff"
A_SELECTED_BG="5294e2"
A_WARNING="f27835"
A_ERROR="fc4138"
A_SUCCESS="73d216"
A_DESTRUCTIVE="f04a50"
A_SUGGESTED="4dadd4"
A_DROP_TARGET="f08437"
A_WM_BUTTON_CLOSE_BG="cc575d"
A_WM_BUTTON_CLOSE_HOVER_BG="d7787d"
A_WM_BUTTON_CLOSE_ACTIVE_BG="be3841"
A_WM_ICON_CLOSE_BG="2f343f"
A_WM_BUTTON_HOVER_BG="454c5c"
A_WM_BUTTON_ACTIVE_BG="$A_SELECTED_BG"
A_WM_BUTTON_HOVER_BORDER="262932"
A_WM_ICON_BG="90939b"
A_WM_ICON_UNFOCUSED_BG="666a74"
A_WM_ICON_HOVER_BG="c4c7cc"
A_WM_ICON_ACTIVE_BG="$A_SELECTED_FG"
A_WINDOW_BG="353945"
A_DARK_SIDEBAR_FG="bac3cf"
A_ENTRY_BORDER="cfd6e6"
## SVG
A_BLUE="5294e2"
A_WHITE="f9fafb"
A_GREY="e7e8eb"
A_DARK="383c4a"
A_DARKEST="2f343f"
A_DARKEST2="2f343d"
A_DARK_BUTTON="353a47"
A_LIGHT_BUTTON="2d323f"
A_OTHER_LIGHT_BUTTON="444a58"
A_MODAL="323644"
A_ASSET_DARK="2e3340"
A_ASSET_DARK2="313541"
A_ASSET_GREY="bebebe"
A_ASSET_BORDER="2c303a"
A_ASSET_LIGHTER_BG="3e4350"
A_ASSET_VARIOUS_DARK1="262934"
A_ASSET_VARIOUS_DARK2="2d303b"
A_ASSET_VARIOUS_DARK3="2d323d"
A_GNOME_PANEL_BG="252a35"
A_GNOME_PANEL_BORDER="0f1116"
A_GTK2_TOOLBAR="70788d"
A_GTK2_TOOLBAR_DARK="afb8c5"
A_CLOSE_BUTTON_GREY="f8f8f9"

# Solarized colors
## Common
S_YELLOW="b58900"
S_ORANGE="cb4b16"
S_RED="dc322f"
S_MAGENTA="d33682"
S_VIOLET="6c71c4"
S_BLUE="268bd2"
S_CYAN="2aa198"
S_GREEN="859900"
## Dark
S_BASE03="002b36"
S_BASE02="073642"
S_BASE01="586e75"
S_BASE00="657b83"
S_BASE0="839496"
S_BASE1="93a1a1"
S_BASE2="eee8d5"
S_BASE3="fdf6e3"

FILETYPES=('scss' 'svg' 'xpm' 'xml' 'rc')
ARC_COLORS=( "$A_BASE" "$A_TEXT" "$A_BG" "$A_FG" "$A_SELECTED_FG" "$A_SELECTED_BG" "$A_WARNING" "$A_ERROR" "$A_SUCCESS" "$A_DESTRUCTIVE" "$A_SUGGESTED" "$A_DROP_TARGET" "$A_WM_BUTTON_CLOSE_BG" "$A_WM_BUTTON_CLOSE_HOVER_BG" "$A_WM_BUTTON_CLOSE_ACTIVE_BG" "$A_WM_ICON_CLOSE_BG" "$A_WM_BUTTON_HOVER_BG" "$A_WM_BUTTON_ACTIVE_BG" "$A_WM_BUTTON_HOVER_BORDER" "$A_WM_ICON_BG" "$A_WM_ICON_UNFOCUSED_BG" "$A_WM_ICON_HOVER_BG" "$A_WM_ICON_ACTIVE_BG" "$A_WINDOW_BG" "$A_DARK_SIDEBAR_FG" "$A_ENTRY_BORDER" "$A_BLUE" "$A_WHITE" "$A_GREY" "$A_DARK" "$A_DARKEST" "$A_DARKEST2" "$A_DARK_BUTTON" "$A_LIGHT_BUTTON" "$A_OTHER_LIGHT_BUTTON" "$A_MODAL" "$A_ASSET_DARK" "$A_ASSET_DARK2" "$A_ASSET_GREY" "$A_ASSET_BORDER" "$A_ASSET_LIGHTER_BG" "$A_ASSET_VARIOUS_DARK1" "$A_ASSET_VARIOUS_DARK2" "$A_ASSET_VARIOUS_DARK3" "$A_GNOME_PANEL_BG" "$A_GNOME_PANEL_BORDER" "$A_GTK2_TOOLBAR" "$A_GTK2_TOOLBAR_DARK" "$A_CLOSE_BUTTON_GREY")
SOLARIZED_COLORS=("$S_BASE02" "$S_BASE00" "$S_BASE03" "$S_BASE00" "$S_BASE3" "$S_BLUE" "$S_ORANGE" "$S_RED" "$S_GREEN" "$S_RED" "$S_CYAN" "$S_YELLOW" "$S_RED" "$S_ORANGE" "$S_RED" "$S_BASE03" "$S_BASE00" "$S_BLUE" "$S_BASE03" "$S_BASE1" "$S_BASE00" "$S_BASE1" "$S_BASE3" "$S_BASE02" "$S_BASE00" "$S_BASE00" "$S_BLUE" "$S_BASE3" "$S_BASE2" "$S_BASE03" "$S_BASE03" "$S_BASE03" "$S_BASE03" "$S_BASE02" "$S_BASE02" "$S_BASE03" "$S_BASE03" "$S_BASE02" "$S_BASE00" "$S_BASE00" "$S_BASE02" "$S_BASE00" "$S_BASE03" "$S_BASE03" "$S_BASE03" "$S_BASE03" "$S_BASE0" "$S_BASE00" "$S_BASE00")

CWD=`pwd`

echo "### Replacing arc colors with solarized colors"
for filetype in "${FILETYPES[@]}"
do
echo "## Replacing in ${filetype}"
for index in ${!ARC_COLORS[*]}
do
find . -name "*.${filetype}" -exec sed -i "s/${ARC_COLORS[$index]}/${SOLARIZED_COLORS[$index]}/Ig" {} \;
done
done

./parse-sass.sh

0 comments on commit ed47811

Please sign in to comment.