Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2025-06-13 12:53:52 +00:00
Code Issues Projects Releases Wiki Activity

tweak standalone osd buttons

Browse Source
This commit is contained in:
Horst3180 2015-09-12 00:22:28 +02:00
parent e9461f1f57
commit 853e9eeadd
14 changed files with 42 additions and 114 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
common/gtk-3.0/3.14/gtk-contained-dark.css
View File

@ -330,20 +330,14 @@ GtkSearchEntry.entry {
.button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel {
color: inherit; } color: inherit; }
.button.osd { .button.osd {
outline-color: rgba(186, 195, 207, 0.3);
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3); outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); background-color: rgba(53, 57, 69, 0.95);
background-color: rgba(102, 109, 132, 0.35); border-color: rgba(35, 38, 46, 0.95); }
background-color: rgba(53, 57, 69, 0.95); }
.button.osd.image-button { .button.osd.image-button {
padding: 10px; } padding: 10px; }
.button.osd:hover { .button.osd:hover {
color: #BAC3CF; color: #5294E2; }
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45);
background-color: rgba(53, 57, 69, 0.95); }
.button.osd:active, .button.osd:checked { .button.osd:active, .button.osd:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);

12
common/gtk-3.0/3.14/gtk-contained-darker.css
View File

@ -330,20 +330,14 @@ GtkSearchEntry.entry {
.button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel {
color: inherit; } color: inherit; }
.button.osd { .button.osd {
outline-color: rgba(186, 195, 207, 0.3);
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3); outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); background-color: rgba(53, 57, 69, 0.95);
background-color: rgba(102, 109, 132, 0.35); border-color: rgba(35, 38, 46, 0.95); }
background-color: rgba(53, 57, 69, 0.95); }
.button.osd.image-button { .button.osd.image-button {
padding: 10px; } padding: 10px; }
.button.osd:hover { .button.osd:hover {
color: #BAC3CF; color: #5294E2; }
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45);
background-color: rgba(53, 57, 69, 0.95); }
.button.osd:active, .button.osd:checked { .button.osd:active, .button.osd:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);

12
common/gtk-3.0/3.14/gtk-contained-solid-dark.css
View File

@ -330,20 +330,14 @@ GtkSearchEntry.entry {
.button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel {
color: inherit; } color: inherit; }
.button.osd { .button.osd {
outline-color: rgba(186, 195, 207, 0.3);
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3); outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); background-color: #353945;
background-color: rgba(102, 109, 132, 0.4); border-color: #23262e; }
background-color: #353945; }
.button.osd.image-button { .button.osd.image-button {
padding: 10px; } padding: 10px; }
.button.osd:hover { .button.osd:hover {
color: #BAC3CF; color: #5294E2; }
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5);
background-color: #353945; }
.button.osd:active, .button.osd:checked { .button.osd:active, .button.osd:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);

12
common/gtk-3.0/3.14/gtk-contained-solid-darker.css
View File

@ -330,20 +330,14 @@ GtkSearchEntry.entry {
.button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel {
color: inherit; } color: inherit; }
.button.osd { .button.osd {
outline-color: rgba(186, 195, 207, 0.3);
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3); outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); background-color: #353945;
background-color: rgba(102, 109, 132, 0.4); border-color: #23262e; }
background-color: #353945; }
.button.osd.image-button { .button.osd.image-button {
padding: 10px; } padding: 10px; }
.button.osd:hover { .button.osd:hover {
color: #BAC3CF; color: #5294E2; }
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5);
background-color: #353945; }
.button.osd:active, .button.osd:checked { .button.osd:active, .button.osd:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);

12
common/gtk-3.0/3.14/gtk-contained-solid.css
View File

@ -330,20 +330,14 @@ GtkSearchEntry.entry {
.button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel {
color: inherit; } color: inherit; }
.button.osd { .button.osd {
outline-color: rgba(186, 195, 207, 0.3);
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3); outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); background-color: #353945;
background-color: rgba(102, 109, 132, 0.4); border-color: #23262e; }
background-color: #353945; }
.button.osd.image-button { .button.osd.image-button {
padding: 10px; } padding: 10px; }
.button.osd:hover { .button.osd:hover {
color: #BAC3CF; color: #5294E2; }
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5);
background-color: #353945; }
.button.osd:active, .button.osd:checked { .button.osd:active, .button.osd:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);

12
common/gtk-3.0/3.14/gtk-contained.css
View File

@ -330,20 +330,14 @@ GtkSearchEntry.entry {
.button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel {
color: inherit; } color: inherit; }
.button.osd { .button.osd {
outline-color: rgba(186, 195, 207, 0.3);
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3); outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); background-color: rgba(53, 57, 69, 0.95);
background-color: rgba(102, 109, 132, 0.35); border-color: rgba(35, 38, 46, 0.95); }
background-color: rgba(53, 57, 69, 0.95); }
.button.osd.image-button { .button.osd.image-button {
padding: 10px; } padding: 10px; }
.button.osd:hover { .button.osd:hover {
color: #BAC3CF; color: #5294E2; }
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45);
background-color: rgba(53, 57, 69, 0.95); }
.button.osd:active, .button.osd:checked { .button.osd:active, .button.osd:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);

6
common/gtk-3.0/3.14/sass/_common.scss
View File

@ -437,14 +437,14 @@ $_dot_color: $selected_bg_color;
} }
// big standalone buttons like in Documents pager // big standalone buttons like in Documents pager
&.osd { &.osd {
color: $osd_fg_color;
outline-color: transparentize($osd_fg_color, 0.7); outline-color: transparentize($osd_fg_color, 0.7);
@include button(osd);
background-color: $osd_bg_color; background-color: $osd_bg_color;
border-color: darken($osd_bg_color, 8%);
&.image-button { padding: 10px; } &.image-button { padding: 10px; }
&:hover { @include button(osd-hover); background-color: $osd_bg_color; } &:hover { color: $selected_bg_color; }
&:active, &:checked { @include button(osd-active); } &:active, &:checked { @include button(osd-active); }
&:insensitive { @include button(osd-insensitive); } &:insensitive { @include button(osd-insensitive); }
} }

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

@ -328,20 +328,14 @@ GtkSearchEntry.entry {
.button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel {
color: inherit; } color: inherit; }
.button.osd { .button.osd {
outline-color: rgba(186, 195, 207, 0.3);
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3); outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); background-color: rgba(53, 57, 69, 0.95);
background-color: rgba(102, 109, 132, 0.35); border-color: rgba(35, 38, 46, 0.95); }
background-color: rgba(53, 57, 69, 0.95); }
.button.osd.image-button { .button.osd.image-button {
padding: 10px; } padding: 10px; }
.button.osd:hover { .button.osd:hover {
color: #BAC3CF; color: #5294E2; }
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45);
background-color: rgba(53, 57, 69, 0.95); }
.button.osd:active, .button.osd:checked { .button.osd:active, .button.osd:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);

12
common/gtk-3.0/3.16/gtk-contained-darker.css
View File

@ -328,20 +328,14 @@ GtkSearchEntry.entry {
.button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel {
color: inherit; } color: inherit; }
.button.osd { .button.osd {
outline-color: rgba(186, 195, 207, 0.3);
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3); outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); background-color: rgba(53, 57, 69, 0.95);
background-color: rgba(102, 109, 132, 0.35); border-color: rgba(35, 38, 46, 0.95); }
background-color: rgba(53, 57, 69, 0.95); }
.button.osd.image-button { .button.osd.image-button {
padding: 10px; } padding: 10px; }
.button.osd:hover { .button.osd:hover {
color: #BAC3CF; color: #5294E2; }
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45);
background-color: rgba(53, 57, 69, 0.95); }
.button.osd:active, .button.osd:checked { .button.osd:active, .button.osd:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);

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

@ -328,20 +328,14 @@ GtkSearchEntry.entry {
.button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel {
color: inherit; } color: inherit; }
.button.osd { .button.osd {
outline-color: rgba(186, 195, 207, 0.3);
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3); outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); background-color: #353945;
background-color: rgba(102, 109, 132, 0.4); border-color: #23262e; }
background-color: #353945; }
.button.osd.image-button { .button.osd.image-button {
padding: 10px; } padding: 10px; }
.button.osd:hover { .button.osd:hover {
color: #BAC3CF; color: #5294E2; }
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5);
background-color: #353945; }
.button.osd:active, .button.osd:checked { .button.osd:active, .button.osd:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);

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

@ -328,20 +328,14 @@ GtkSearchEntry.entry {
.button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel {
color: inherit; } color: inherit; }
.button.osd { .button.osd {
outline-color: rgba(186, 195, 207, 0.3);
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3); outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); background-color: #353945;
background-color: rgba(102, 109, 132, 0.4); border-color: #23262e; }
background-color: #353945; }
.button.osd.image-button { .button.osd.image-button {
padding: 10px; } padding: 10px; }
.button.osd:hover { .button.osd:hover {
color: #BAC3CF; color: #5294E2; }
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5);
background-color: #353945; }
.button.osd:active, .button.osd:checked { .button.osd:active, .button.osd:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);

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

@ -328,20 +328,14 @@ GtkSearchEntry.entry {
.button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel {
color: inherit; } color: inherit; }
.button.osd { .button.osd {
outline-color: rgba(186, 195, 207, 0.3);
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3); outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4); background-color: #353945;
background-color: rgba(102, 109, 132, 0.4); border-color: #23262e; }
background-color: #353945; }
.button.osd.image-button { .button.osd.image-button {
padding: 10px; } padding: 10px; }
.button.osd:hover { .button.osd:hover {
color: #BAC3CF; color: #5294E2; }
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.4);
background-color: rgba(119, 127, 151, 0.5);
background-color: #353945; }
.button.osd:active, .button.osd:checked { .button.osd:active, .button.osd:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);

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

@ -328,20 +328,14 @@ GtkSearchEntry.entry {
.button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel { .button:insensitive:active > GtkLabel, .button:insensitive:checked > GtkLabel {
color: inherit; } color: inherit; }
.button.osd { .button.osd {
outline-color: rgba(186, 195, 207, 0.3);
color: #BAC3CF; color: #BAC3CF;
outline-color: rgba(186, 195, 207, 0.3); outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35); background-color: rgba(53, 57, 69, 0.95);
background-color: rgba(102, 109, 132, 0.35); border-color: rgba(35, 38, 46, 0.95); }
background-color: rgba(53, 57, 69, 0.95); }
.button.osd.image-button { .button.osd.image-button {
padding: 10px; } padding: 10px; }
.button.osd:hover { .button.osd:hover {
color: #BAC3CF; color: #5294E2; }
outline-color: rgba(186, 195, 207, 0.3);
border-color: rgba(26, 28, 34, 0.35);
background-color: rgba(119, 127, 151, 0.45);
background-color: rgba(53, 57, 69, 0.95); }
.button.osd:active, .button.osd:checked { .button.osd:active, .button.osd:checked {
color: #ffffff; color: #ffffff;
outline-color: rgba(255, 255, 255, 0.3); outline-color: rgba(255, 255, 255, 0.3);

6
common/gtk-3.0/3.16/sass/_common.scss
View File

@ -437,14 +437,14 @@ $_dot_color: $selected_bg_color;
} }
// big standalone buttons like in Documents pager // big standalone buttons like in Documents pager
&.osd { &.osd {
color: $osd_fg_color;
outline-color: transparentize($osd_fg_color, 0.7); outline-color: transparentize($osd_fg_color, 0.7);
@include button(osd);
background-color: $osd_bg_color; background-color: $osd_bg_color;
border-color: darken($osd_bg_color, 8%);
&.image-button { padding: 10px; } &.image-button { padding: 10px; }
&:hover { @include button(osd-hover); background-color: $osd_bg_color; } &:hover { color: $selected_bg_color; }
&:active, &:checked { @include button(osd-active); } &:active, &:checked { @include button(osd-active); }
&:insensitive { @include button(osd-insensitive); } &:insensitive { @include button(osd-insensitive); }
} }