Nabile
/
Arc-39-theme
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

add variant with dark header-bars

master
Horst3180 2015-06-12 22:24:32 +02:00
parent 05c7271a21
commit 6829630aad
53 changed files with 4675 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
common/gtk-3.0/3.16/_colors.scss
View File

@ -50,11 +50,14 @@ $button_bg: if($variant == 'light', lighten($bg_color, 1%), darken($bg_color, 2%
$button_border: $entry_border;
$header_bg: if($transparency == 'true' and $variant == 'light', transparentize(#e7e8eb, 0.05), #e7e8eb);
$header_bg: if($darker == 'true', transparentize(#2f343b, 0.05), $header_bg);
@if $variant==dark { $header_bg: if($transparency == 'true', transparentize(#25282E, 0.04), #25282E); }
$header_bg_backdrop: if($variant == 'light', lighten($header_bg, 3%), lighten($header_bg, 1.5%));
$header_bg_backdrop: if($darker == 'true', lighten($header_bg, 1.5%), $header_bg_backdrop);
$header_fg: if($variant == 'light', saturate(transparentize($fg_color, 0.2), 10%), saturate(transparentize($fg_color, 0.2), 10%));
$header_fg: if($darker == 'true', saturate(transparentize(#D3DAE3, 0.2), 10%), $header_fg);
$dark_sidebar_bg: if($transparency == 'true' and $variant == 'light', $osd_bg_color, opacify($osd_bg_color, 1));
@if $variant==dark { $dark_sidebar_bg: if($transparency == 'true', darken($osd_bg_color, 5%), darken(opacify($osd_bg_color, 1), 5%)); }

39
common/gtk-3.0/3.16/_common.scss
View File

@ -4,6 +4,7 @@
$ease-out-quad: cubic-bezier(0.25, 0.46, 0.45, 0.94);
$asset_suffix: if($variant=='dark', '-dark', ''); // use dark assets in dark variant
$darker_asset_suffix: if($darker=='true', '-darker', $asset_suffix);
* {
background-clip: padding-box;
@ -1897,7 +1898,7 @@ GtkSwitch {
}
}
@each $i,$j in ('',''), ('.header-bar ','-header'), ('.list-row:selected ','-selected') {
@each $i,$j in ('',''), ('.list-row:selected ','-selected') {
@each $k,$l in ('',''),
(':active','-active'),
@ -1910,6 +1911,11 @@ GtkSwitch {
background-image: -gtk-scaled(url("assets/switch#{$l}#{$j}#{$asset_suffix}.png"),url("assets/switch#{$l}#{$j}#{$asset_suffix}@2.png"));
}
.header-bar GtkSwitch.trough#{$k},
.primary-toolbar GtkSwitch.trough#{$k} {
background-image: -gtk-scaled(url("assets/switch#{$l}-header#{$darker_asset_suffix}.png"),url("assets/switch#{$l}-header#{$darker_asset_suffix}@2.png"));
}
// load switch sliders from .png files in assets directory
//#{$i}GtkSwitch.slider#{$k} {
@ -2655,15 +2661,14 @@ GtkVolumeButton.button { padding: 8px; }
// this needs to be transparent
// see bug #722563
$_wm_border: if($variant=='light', transparentize(black, 0.9), transparentize(black, 0.35));
$_wm_border_backdrop: if($variant=='light', transparentize(black, 0.9), transparentize(black, 0.35));
box-shadow: 0 0 0 1px $_wm_border, 0 4px 8px 1px $_wm_border;
box-shadow: 0 0 0 1px if($darker=='true', transparentize(black, 0.4), $_wm_border), 0 4px 8px 1px $_wm_border;
/* this is used for the resize cursor area */
margin: 10px;
&:backdrop {
box-shadow: 0 0 0 1px $_wm_border, 0 4px 5px 2px $_wm_border_backdrop;
box-shadow: 0 0 0 1px if($darker=='true', transparentize(black, 0.4), $_wm_border), 0 4px 5px 2px $_wm_border;
}
&.tiled {
border-radius: 0;
@ -2671,7 +2676,7 @@ GtkVolumeButton.button { padding: 8px; }
// server-side decorations as used by mutter
&.ssd {
border-radius: 4px 4px 0 0;
box-shadow: 0 0 0 1px $_wm_border;
box-shadow: 0 0 0 1px if($darker=='true', transparentize(black, 0.4), $_wm_border);
&.maximized { border-radius: 0; }
}
@ -2733,20 +2738,20 @@ GtkVolumeButton.button { padding: 8px; }
&:backdrop { opacity: 1; }
}
&.close { background-image: -gtk-scaled(url('assets/titlebutton-close#{$asset_suffix}.png'),url('assets/titlebutton-close#{$asset_suffix}@2.png')); }
&.close:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-close-backdrop#{$asset_suffix}.png'),url('assets/titlebutton-close-backdrop#{$asset_suffix}@2.png')); }
&.close:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-hover#{$asset_suffix}.png'),url('assets/titlebutton-close-hover#{$asset_suffix}@2.png')); }
&.close:active { background-image: -gtk-scaled(url('assets/titlebutton-close-active#{$asset_suffix}.png'),url('assets/titlebutton-close-active#{$asset_suffix}@2.png')); }
&.close { background-image: -gtk-scaled(url('assets/titlebutton-close#{$darker_asset_suffix}.png'),url('assets/titlebutton-close#{$darker_asset_suffix}@2.png')); }
&.close:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-backdrop#{$darker_asset_suffix}@2.png')); }
&.close:hover { background-image: -gtk-scaled(url('assets/titlebutton-close-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-hover#{$darker_asset_suffix}@2.png')); }
&.close:active { background-image: -gtk-scaled(url('assets/titlebutton-close-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-close-active#{$darker_asset_suffix}@2.png')); }
&.maximize { background-image: -gtk-scaled(url('assets/titlebutton-max#{$asset_suffix}.png'),url('assets/titlebutton-max#{$asset_suffix}@2.png')); }
&.maximize:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-max-backdrop#{$asset_suffix}.png'),url('assets/titlebutton-max-backdrop#{$asset_suffix}@2.png')); }
&.maximize:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-hover#{$asset_suffix}.png'),url('assets/titlebutton-max-hover#{$asset_suffix}@2.png')); }
&.maximize:active { background-image: -gtk-scaled(url('assets/titlebutton-max-active#{$asset_suffix}.png'),url('assets/titlebutton-max-active#{$asset_suffix}@2.png')); }
&.maximize { background-image: -gtk-scaled(url('assets/titlebutton-max#{$darker_asset_suffix}.png'),url('assets/titlebutton-max#{$darker_asset_suffix}@2.png')); }
&.maximize:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-backdrop#{$darker_asset_suffix}@2.png')); }
&.maximize:hover { background-image: -gtk-scaled(url('assets/titlebutton-max-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-hover#{$darker_asset_suffix}@2.png')); }
&.maximize:active { background-image: -gtk-scaled(url('assets/titlebutton-max-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-max-active#{$darker_asset_suffix}@2.png')); }
&.minimize { background-image: -gtk-scaled(url('assets/titlebutton-min#{$asset_suffix}.png'),url('assets/titlebutton-min#{$asset_suffix}@2.png')); }
&.minimize:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-min-backdrop#{$asset_suffix}.png'),url('assets/titlebutton-min-backdrop#{$asset_suffix}@2.png')); }
&.minimize:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-hover#{$asset_suffix}.png'),url('assets/titlebutton-min-hover#{$asset_suffix}@2.png')); }
&.minimize:active { background-image: -gtk-scaled(url('assets/titlebutton-min-active#{$asset_suffix}.png'),url('assets/titlebutton-min-active#{$asset_suffix}@2.png')); }
&.minimize { background-image: -gtk-scaled(url('assets/titlebutton-min#{$darker_asset_suffix}.png'),url('assets/titlebutton-min#{$darker_asset_suffix}@2.png')); }
&.minimize:backdrop { background-image: -gtk-scaled(url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-backdrop#{$darker_asset_suffix}@2.png')); }
&.minimize:hover { background-image: -gtk-scaled(url('assets/titlebutton-min-hover#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-hover#{$darker_asset_suffix}@2.png')); }
&.minimize:active { background-image: -gtk-scaled(url('assets/titlebutton-min-active#{$darker_asset_suffix}.png'),url('assets/titlebutton-min-active#{$darker_asset_suffix}@2.png')); }
}
}

23
common/gtk-3.0/3.16/_drawing.scss
View File

@ -52,13 +52,20 @@
background-image: linear-gradient(to bottom, transparentize($entry_bg, 0.45));
}
$_header_entry_bg: if($variant == 'light', transparentize($base_color, 0.1), transparentize(darken($base_color, 4%), 0.1));
$_header_entry_bg: if($darker == 'true', transparentize(darken($header_bg, 4%), 0.1), $_header_entry_bg);
$_header_entry_border: if($variant == 'light', transparentize($header_fg, 0.7), darken($borders_color, 4%));
$_header_entry_border: if($darker == 'true', darken($header_bg, 10%), $_header_entry_border);
@if $t==header-normal {
//
// normal header-bar entry
//
color: $header_fg;
border-color: if($variant == 'light', transparentize($header_fg, 0.7), darken($borders_color, 4%));
background-image: linear-gradient(to bottom, if($variant == 'light', transparentize($base_color, 0.1), transparentize(darken($base_color, 4%), 0.1)));
border-color: $_header_entry_border;
background-image: linear-gradient(to bottom, $_header_entry_bg);
background-color: transparent;
&.image, &.image:hover { color: inherit; }
@ -78,7 +85,7 @@
// insensitive header-bar entry
//
color: transparentize($header_fg, 0.45);
background-image: linear-gradient(to bottom, if($variant == 'light', transparentize($base_color, 0.45), transparentize(darken($base_color, 4%), 0.45)));
background-image: linear-gradient(to bottom, transparentize($_header_entry_bg, 0.35));
}
@if $t==osd {
@ -175,6 +182,12 @@
> GtkLabel { color: inherit; }
}
$_header_button_bg: if($variant == 'light', transparentize($button_bg, 0.1), transparentize(darken($button_bg, 4%), 0.1));
$_header_button_bg: if($darker == 'true', transparentize(darken($header_bg, 3%), 0.1), $_header_button_bg);
$_header_button_border: if($variant == 'light', transparentize($header_fg, 0.7), darken($borders_color, 4%));
$_header_button_border: if($darker == 'true', darken($header_bg, 8%), $_header_button_border);
@if $t==header-normal {
//
// normal header-bar button
@ -192,8 +205,8 @@
//
color: $header_fg;
outline-color: transparentize($header_fg, 0.7);
border-color: if($variant == 'light', transparentize($header_fg, 0.7), darken($borders_color, 4%));
background-color: if($variant == 'light', transparentize($button_bg, 0.1), transparentize(darken($button_bg, 4%), 0.1));
border-color: $_header_button_border;
background-color: $_header_button_bg;
}
@else if $t==header-active {

1105
common/gtk-3.0/3.16/assets.svg
View File

File diff suppressed because it is too large Load Diff
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 234 KiB

After

Width:  |  Height:  |  Size: 286 KiB

16
common/gtk-3.0/3.16/assets.txt
View File

@ -48,6 +48,22 @@ titlebutton-min
titlebutton-min-backdrop
titlebutton-min-hover
titlebutton-min-active
switch-header-darker
switch-active-header-darker
switch-insensitive-header-darker
switch-active-insensitive-header-darker
titlebutton-close-darker
titlebutton-close-backdrop-darker
titlebutton-close-hover-darker
titlebutton-close-active-darker
titlebutton-max-darker
titlebutton-max-backdrop-darker
titlebutton-max-hover-darker
titlebutton-max-active-darker
titlebutton-min-darker
titlebutton-min-backdrop-darker
titlebutton-min-hover-darker
titlebutton-min-active-darker
checkbox-checked-dark
checkbox-checked-insensitive-dark
checkbox-unchecked-dark

BIN
common/gtk-3.0/3.16/assets/switch-active-header-darker.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
common/gtk-3.0/3.16/assets/switch-active-header-darker@2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
common/gtk-3.0/3.16/assets/switch-active-insensitive-header-darker.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1016 B

BIN
common/gtk-3.0/3.16/assets/switch-active-insensitive-header-darker@2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
common/gtk-3.0/3.16/assets/switch-header-darker.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1000 B

BIN
common/gtk-3.0/3.16/assets/switch-header-darker@2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
common/gtk-3.0/3.16/assets/switch-insensitive-header-darker.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
common/gtk-3.0/3.16/assets/switch-insensitive-header-darker@2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
common/gtk-3.0/3.16/assets/titlebutton-close-active-darker.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 539 B

BIN
common/gtk-3.0/3.16/assets/titlebutton-close-active-darker@2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.0 KiB

BIN
common/gtk-3.0/3.16/assets/titlebutton-close-backdrop-darker.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 678 B

BIN
common/gtk-3.0/3.16/assets/titlebutton-close-backdrop-darker@2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

BIN
common/gtk-3.0/3.16/assets/titlebutton-close-darker.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 540 B

BIN
common/gtk-3.0/3.16/assets/titlebutton-close-darker@2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1016 B

BIN
common/gtk-3.0/3.16/assets/titlebutton-close-hover-darker.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 509 B

BIN
common/gtk-3.0/3.16/assets/titlebutton-close-hover-darker@2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 996 B

BIN
common/gtk-3.0/3.16/assets/titlebutton-max-active-darker.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 514 B

BIN
common/gtk-3.0/3.16/assets/titlebutton-max-active-darker@2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 850 B

BIN
common/gtk-3.0/3.16/assets/titlebutton-max-backdrop-darker.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 632 B

BIN
common/gtk-3.0/3.16/assets/titlebutton-max-backdrop-darker@2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
common/gtk-3.0/3.16/assets/titlebutton-max-darker.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 639 B

BIN
common/gtk-3.0/3.16/assets/titlebutton-max-darker@2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
common/gtk-3.0/3.16/assets/titlebutton-max-hover-darker.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 668 B

BIN
common/gtk-3.0/3.16/assets/titlebutton-max-hover-darker@2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

BIN
common/gtk-3.0/3.16/assets/titlebutton-min-active-darker.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 418 B

BIN
common/gtk-3.0/3.16/assets/titlebutton-min-active-darker@2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 729 B

BIN
common/gtk-3.0/3.16/assets/titlebutton-min-backdrop-darker.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 547 B

BIN
common/gtk-3.0/3.16/assets/titlebutton-min-backdrop-darker@2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
common/gtk-3.0/3.16/assets/titlebutton-min-darker.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 554 B

BIN
common/gtk-3.0/3.16/assets/titlebutton-min-darker@2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 KiB

BIN
common/gtk-3.0/3.16/assets/titlebutton-min-hover-darker.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 568 B

BIN
common/gtk-3.0/3.16/assets/titlebutton-min-hover-darker@2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 KiB

43
common/gtk-3.0/3.16/gtk-contained-dark.css
View File

@ -1501,39 +1501,59 @@ GtkSwitch {
GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-dark.png"), url("assets/switch-dark@2.png")); }
.header-bar GtkSwitch.trough,
.primary-toolbar GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); }
GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-dark.png"), url("assets/switch-active-dark@2.png")); }
.header-bar GtkSwitch.trough:active,
.primary-toolbar GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); }
GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); }
.header-bar GtkSwitch.trough:insensitive,
.primary-toolbar GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); }
GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-dark.png"), url("assets/switch-active-insensitive-dark@2.png")); }
.header-bar GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); }
.header-bar GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); }
.header-bar GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); }
.header-bar GtkSwitch.trough:active:insensitive {
.header-bar GtkSwitch.trough:active:insensitive,
.primary-toolbar GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); }
.list-row:selected GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-selected-dark.png"), url("assets/switch-selected-dark@2.png")); }
.header-bar GtkSwitch.trough,
.primary-toolbar GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); }
.list-row:selected GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-selected-dark.png"), url("assets/switch-active-selected-dark@2.png")); }
.header-bar GtkSwitch.trough:active,
.primary-toolbar GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); }
.list-row:selected GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-selected-dark.png"), url("assets/switch-insensitive-selected-dark@2.png")); }
.header-bar GtkSwitch.trough:insensitive,
.primary-toolbar GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); }
.list-row:selected GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected-dark.png"), url("assets/switch-active-insensitive-selected-dark@2.png")); }
.header-bar GtkSwitch.trough:active:insensitive,
.primary-toolbar GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); }
/*************************
* Check and Radio items *
*************************/
@ -2325,7 +2345,8 @@ NautilusCanvasViewContainer.view .entry, NemoIconViewContainer .entry {
border-radius: 2px; }
.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item {
color: #ffffff; }
color: #ffffff;
text-shadow: 1px 1px rgba(0, 0, 0, 0.6); }
.nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active {
color: #D3DAE3; }
.nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected {

1
common/gtk-3.0/3.16/gtk-contained-dark.scss
View File

@ -4,6 +4,7 @@
// you need a subtle shade
$variant: 'dark';
$darker: 'false';
$transparency: 'true';
@import 'colors';

3328
common/gtk-3.0/3.16/gtk-contained-darker.css Normal file
View File

File diff suppressed because it is too large Load Diff

17
common/gtk-3.0/3.16/gtk-contained-darker.scss Normal file
View File

@ -0,0 +1,17 @@
// General guidelines:
// - very unlikely you want to edit something else than _common.scss
// - keep the number of defined colors to a minimum, use the color blending functions if
// you need a subtle shade
$variant: 'light';
$darker: 'true';
$transparency: 'true';
@import 'colors';
@import 'drawing';
@import 'common';
@import 'applications';
@import 'unity';
@import 'granite';
@import 'transparent_widgets';
@import 'colors-public';

43
common/gtk-3.0/3.16/gtk-contained-solid-dark.css
View File

@ -1501,39 +1501,59 @@ GtkSwitch {
GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-dark.png"), url("assets/switch-dark@2.png")); }
.header-bar GtkSwitch.trough,
.primary-toolbar GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); }
GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-dark.png"), url("assets/switch-active-dark@2.png")); }
.header-bar GtkSwitch.trough:active,
.primary-toolbar GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); }
GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-dark.png"), url("assets/switch-insensitive-dark@2.png")); }
.header-bar GtkSwitch.trough:insensitive,
.primary-toolbar GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); }
GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-dark.png"), url("assets/switch-active-insensitive-dark@2.png")); }
.header-bar GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); }
.header-bar GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); }
.header-bar GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); }
.header-bar GtkSwitch.trough:active:insensitive {
.header-bar GtkSwitch.trough:active:insensitive,
.primary-toolbar GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); }
.list-row:selected GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-selected-dark.png"), url("assets/switch-selected-dark@2.png")); }
.header-bar GtkSwitch.trough,
.primary-toolbar GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-header-dark.png"), url("assets/switch-header-dark@2.png")); }
.list-row:selected GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-selected-dark.png"), url("assets/switch-active-selected-dark@2.png")); }
.header-bar GtkSwitch.trough:active,
.primary-toolbar GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-header-dark.png"), url("assets/switch-active-header-dark@2.png")); }
.list-row:selected GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-selected-dark.png"), url("assets/switch-insensitive-selected-dark@2.png")); }
.header-bar GtkSwitch.trough:insensitive,
.primary-toolbar GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-header-dark.png"), url("assets/switch-insensitive-header-dark@2.png")); }
.list-row:selected GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected-dark.png"), url("assets/switch-active-insensitive-selected-dark@2.png")); }
.header-bar GtkSwitch.trough:active:insensitive,
.primary-toolbar GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-header-dark.png"), url("assets/switch-active-insensitive-header-dark@2.png")); }
/*************************
* Check and Radio items *
*************************/
@ -2325,7 +2345,8 @@ NautilusCanvasViewContainer.view .entry, NemoIconViewContainer .entry {
border-radius: 2px; }
.nautilus-desktop.nautilus-canvas-item, .nemo-desktop.nemo-canvas-item {
color: #ffffff; }
color: #ffffff;
text-shadow: 1px 1px rgba(0, 0, 0, 0.6); }
.nautilus-desktop.nautilus-canvas-item:active, .nemo-desktop.nemo-canvas-item:active {
color: #D3DAE3; }
.nautilus-desktop.nautilus-canvas-item:selected, .nemo-desktop.nemo-canvas-item:selected {

1
common/gtk-3.0/3.16/gtk-contained-solid-dark.scss
View File

@ -4,6 +4,7 @@
// you need a subtle shade
$variant: 'dark';
$darker: 'false';
$transparency: 'false';
@import 'colors';

40
common/gtk-3.0/3.16/gtk-contained-solid.css
View File

@ -1501,39 +1501,59 @@ GtkSwitch {
GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); }
.header-bar GtkSwitch.trough,
.primary-toolbar GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); }
GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); }
.header-bar GtkSwitch.trough:active,
.primary-toolbar GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); }
GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); }
.header-bar GtkSwitch.trough:insensitive,
.primary-toolbar GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); }
GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); }
.header-bar GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); }
.header-bar GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); }
.header-bar GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); }
.header-bar GtkSwitch.trough:active:insensitive {
.header-bar GtkSwitch.trough:active:insensitive,
.primary-toolbar GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); }
.list-row:selected GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); }
.header-bar GtkSwitch.trough,
.primary-toolbar GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); }
.list-row:selected GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); }
.header-bar GtkSwitch.trough:active,
.primary-toolbar GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); }
.list-row:selected GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); }
.header-bar GtkSwitch.trough:insensitive,
.primary-toolbar GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); }
.list-row:selected GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); }
.header-bar GtkSwitch.trough:active:insensitive,
.primary-toolbar GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); }
/*************************
* Check and Radio items *
*************************/

1
common/gtk-3.0/3.16/gtk-contained-solid.scss
View File

@ -4,6 +4,7 @@
// you need a subtle shade
$variant: 'light';
$darker: 'false';
$transparency: 'false';
@import 'colors';

40
common/gtk-3.0/3.16/gtk-contained.css
View File

@ -1501,39 +1501,59 @@ GtkSwitch {
GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch.png"), url("assets/switch@2.png")); }
.header-bar GtkSwitch.trough,
.primary-toolbar GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); }
GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active.png"), url("assets/switch-active@2.png")); }
.header-bar GtkSwitch.trough:active,
.primary-toolbar GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); }
GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive.png"), url("assets/switch-insensitive@2.png")); }
.header-bar GtkSwitch.trough:insensitive,
.primary-toolbar GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); }
GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive.png"), url("assets/switch-active-insensitive@2.png")); }
.header-bar GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); }
.header-bar GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); }
.header-bar GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); }
.header-bar GtkSwitch.trough:active:insensitive {
.header-bar GtkSwitch.trough:active:insensitive,
.primary-toolbar GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); }
.list-row:selected GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-selected.png"), url("assets/switch-selected@2.png")); }
.header-bar GtkSwitch.trough,
.primary-toolbar GtkSwitch.trough {
background-image: -gtk-scaled(url("assets/switch-header.png"), url("assets/switch-header@2.png")); }
.list-row:selected GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-selected.png"), url("assets/switch-active-selected@2.png")); }
.header-bar GtkSwitch.trough:active,
.primary-toolbar GtkSwitch.trough:active {
background-image: -gtk-scaled(url("assets/switch-active-header.png"), url("assets/switch-active-header@2.png")); }
.list-row:selected GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-selected.png"), url("assets/switch-insensitive-selected@2.png")); }
.header-bar GtkSwitch.trough:insensitive,
.primary-toolbar GtkSwitch.trough:insensitive {
background-image: -gtk-scaled(url("assets/switch-insensitive-header.png"), url("assets/switch-insensitive-header@2.png")); }
.list-row:selected GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-selected.png"), url("assets/switch-active-insensitive-selected@2.png")); }
.header-bar GtkSwitch.trough:active:insensitive,
.primary-toolbar GtkSwitch.trough:active:insensitive {
background-image: -gtk-scaled(url("assets/switch-active-insensitive-header.png"), url("assets/switch-active-insensitive-header@2.png")); }
/*************************
* Check and Radio items *
*************************/

1
common/gtk-3.0/3.16/gtk-contained.scss
View File

@ -4,6 +4,7 @@
// you need a subtle shade
$variant: 'light';
$darker: 'false';
$transparency: 'true';
@import 'colors';

2
common/gtk-3.0/3.16/gtk.css
View File

@ -1 +1 @@
@import url("gtk-contained.css");
@import url("gtk-contained-darker.css");

BIN
extra/Chrome/arc-darker-theme.crx Normal file
View File

Binary file not shown.

BIN
extra/Chrome/arc-darker-theme/images/theme_frame.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 140 B

BIN
extra/Chrome/arc-darker-theme/images/theme_frame_inactive.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 140 B

BIN
extra/Chrome/arc-darker-theme/images/theme_toolbar.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

39
extra/Chrome/arc-darker-theme/manifest.json Normal file
View File

@ -0,0 +1,39 @@
{
"description": "Arc Darker theme for Chrome/Chromium",
"key": "MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQC6RY/VX2xN/FFEQQwi4sSHGaMxF6cARCTsKKxmPhbics9qDIkZxxBqeM4TUhHDhgsZrxZsXAplyKnIjTEIdw96XDK34uF5cqLOG5vzFRIOAdFfCyC9HNupQGg3Vd8PKSVmLZz/2Xsu5zmvx+zz3VIDtNK+HaVktMhJnO9utBougQIDAQAB",
"manifest_version": 2,
"name": "Arc Darker",
"theme": {
"colors": {
"bookmark_text": [ 35, 35, 35 ],
"button_background": [ 0, 0, 0, 0 ],
"frame": [ 235, 235, 237 ],
"frame_inactive": [ 235, 235, 237 ],
"frame_incognito": [ 235, 235, 237 ],
"frame_incognito_inactive": [ 235, 235, 237 ],
"ntp_background": [ 255, 255, 255 ],
"ntp_text": [ 0, 0, 0 ],
"tab_background_text": [ 100, 100, 100 ],
"tab_text": [ 20, 20, 20 ],
"toolbar": [ 223, 223, 223 ]
},
"images": {
"theme_frame": "images/theme_frame.png",
"theme_frame_inactive": "images/theme_frame_inactive.png",
"theme_toolbar": "images/theme_toolbar.png"
},
"properties": {
"ntp_background_alignment": "bottom",
"ntp_background_repeat": "no-repeat"
},
"tints": {
"background_tab": [ -1, 0.5, 0.85 ],
"buttons": [ -1, -1, -1 ],
"frame": [ -1, -1, -1 ],
"frame_inactive": [ -1, -1, -1 ],
"frame_incognito": [ -1, 0.2, 0.35 ],
"frame_incognito_inactive": [ -1, 0.3, 0.6 ]
}
},
"version": "1"
}