Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-10-27 19:04:02 +00:00
Code Issues Projects Releases Wiki Activity

rubberband and content-view tweaks

Browse Source
This commit is contained in:
Horst3180 2015-09-12 01:44:22 +02:00
parent afc416f6c4
commit 55d070552d
7 changed files with 72 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
common/gtk-3.0/3.18/gtk-contained-dark.css
View File

@ -69,9 +69,9 @@
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
text-shadow: none; } text-shadow: none; }
.rubberband { .rubberband, GtkTreeView.view.rubberband, .content-view.rubberband {
border: 1px solid #5294E2; border: 1px solid #2679db;
background-color: rgba(82, 148, 226, 0.2); } background-color: rgba(38, 121, 219, 0.2); }
.label.separator, .popover .label.separator, .sidebar .label.view.separator { .label.separator, .popover .label.separator, .sidebar .label.view.separator {
color: #D3DAE3; } color: #D3DAE3; }
@ -1926,13 +1926,11 @@ GtkTreeView.view.radio:checked:insensitive:selected,
.list-row:selected .radio:checked:insensitive { .list-row:selected .radio:checked:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); }
GtkIconView.view.check, .view.content-view.check:not(.list) {
GtkFlowBox.view.check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png"));
background-color: transparent; } background-color: transparent; }
GtkIconView.view.check:checked, .view.content-view.check:checked:not(.list) {
GtkFlowBox.view.check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png"));
background-color: transparent; } background-color: transparent; }
@ -2484,6 +2482,11 @@ GtkColorButton.button {
/******** /********
* Misc * * Misc *
********/ ********/
.content-view {
background-color: #404552; }
.content-view:hover {
-gtk-image-effect: highlight; }
.scale-popup .button { .scale-popup .button {
padding: 6px; } padding: 6px; }
.scale-popup .button:hover { .scale-popup .button:hover {

17
common/gtk-3.0/3.18/gtk-contained-darker.css
View File

@ -69,9 +69,9 @@
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
text-shadow: none; } text-shadow: none; }
.rubberband { .rubberband, GtkTreeView.view.rubberband, .content-view.rubberband {
border: 1px solid #5294E2; border: 1px solid #2679db;
background-color: rgba(82, 148, 226, 0.2); } background-color: rgba(38, 121, 219, 0.2); }
.label.separator, .popover .label.separator, .sidebar .label.view.separator { .label.separator, .popover .label.separator, .sidebar .label.view.separator {
color: #5c616c; } color: #5c616c; }
@ -1926,13 +1926,11 @@ GtkTreeView.view.radio:checked:insensitive:selected,
.list-row:selected .radio:checked:insensitive { .list-row:selected .radio:checked:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); }
GtkIconView.view.check, .view.content-view.check:not(.list) {
GtkFlowBox.view.check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
background-color: transparent; } background-color: transparent; }
GtkIconView.view.check:checked, .view.content-view.check:checked:not(.list) {
GtkFlowBox.view.check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
background-color: transparent; } background-color: transparent; }
@ -2484,6 +2482,11 @@ GtkColorButton.button {
/******** /********
* Misc * * Misc *
********/ ********/
.content-view {
background-color: #ffffff; }
.content-view:hover {
-gtk-image-effect: highlight; }
.scale-popup .button { .scale-popup .button {
padding: 6px; } padding: 6px; }
.scale-popup .button:hover { .scale-popup .button:hover {

17
common/gtk-3.0/3.18/gtk-contained-solid-dark.css
View File

@ -69,9 +69,9 @@
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
text-shadow: none; } text-shadow: none; }
.rubberband { .rubberband, GtkTreeView.view.rubberband, .content-view.rubberband {
border: 1px solid #5294E2; border: 1px solid #2679db;
background-color: rgba(82, 148, 226, 0.2); } background-color: rgba(38, 121, 219, 0.2); }
.label.separator, .popover .label.separator, .sidebar .label.view.separator { .label.separator, .popover .label.separator, .sidebar .label.view.separator {
color: #D3DAE3; } color: #D3DAE3; }
@ -1926,13 +1926,11 @@ GtkTreeView.view.radio:checked:insensitive:selected,
.list-row:selected .radio:checked:insensitive { .list-row:selected .radio:checked:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); }
GtkIconView.view.check, .view.content-view.check:not(.list) {
GtkFlowBox.view.check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png")); -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png"));
background-color: transparent; } background-color: transparent; }
GtkIconView.view.check:checked, .view.content-view.check:checked:not(.list) {
GtkFlowBox.view.check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png")); -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png"));
background-color: transparent; } background-color: transparent; }
@ -2484,6 +2482,11 @@ GtkColorButton.button {
/******** /********
* Misc * * Misc *
********/ ********/
.content-view {
background-color: #404552; }
.content-view:hover {
-gtk-image-effect: highlight; }
.scale-popup .button { .scale-popup .button {
padding: 6px; } padding: 6px; }
.scale-popup .button:hover { .scale-popup .button:hover {

17
common/gtk-3.0/3.18/gtk-contained-solid-darker.css
View File

@ -69,9 +69,9 @@
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
text-shadow: none; } text-shadow: none; }
.rubberband { .rubberband, GtkTreeView.view.rubberband, .content-view.rubberband {
border: 1px solid #5294E2; border: 1px solid #2679db;
background-color: rgba(82, 148, 226, 0.2); } background-color: rgba(38, 121, 219, 0.2); }
.label.separator, .popover .label.separator, .sidebar .label.view.separator { .label.separator, .popover .label.separator, .sidebar .label.view.separator {
color: #5c616c; } color: #5c616c; }
@ -1926,13 +1926,11 @@ GtkTreeView.view.radio:checked:insensitive:selected,
.list-row:selected .radio:checked:insensitive { .list-row:selected .radio:checked:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); }
GtkIconView.view.check, .view.content-view.check:not(.list) {
GtkFlowBox.view.check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
background-color: transparent; } background-color: transparent; }
GtkIconView.view.check:checked, .view.content-view.check:checked:not(.list) {
GtkFlowBox.view.check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
background-color: transparent; } background-color: transparent; }
@ -2484,6 +2482,11 @@ GtkColorButton.button {
/******** /********
* Misc * * Misc *
********/ ********/
.content-view {
background-color: #ffffff; }
.content-view:hover {
-gtk-image-effect: highlight; }
.scale-popup .button { .scale-popup .button {
padding: 6px; } padding: 6px; }
.scale-popup .button:hover { .scale-popup .button:hover {

17
common/gtk-3.0/3.18/gtk-contained-solid.css
View File

@ -69,9 +69,9 @@
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
text-shadow: none; } text-shadow: none; }
.rubberband { .rubberband, GtkTreeView.view.rubberband, .content-view.rubberband {
border: 1px solid #5294E2; border: 1px solid #2679db;
background-color: rgba(82, 148, 226, 0.2); } background-color: rgba(38, 121, 219, 0.2); }
.label.separator, .popover .label.separator, .sidebar .label.view.separator { .label.separator, .popover .label.separator, .sidebar .label.view.separator {
color: #5c616c; } color: #5c616c; }
@ -1926,13 +1926,11 @@ GtkTreeView.view.radio:checked:insensitive:selected,
.list-row:selected .radio:checked:insensitive { .list-row:selected .radio:checked:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); }
GtkIconView.view.check, .view.content-view.check:not(.list) {
GtkFlowBox.view.check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
background-color: transparent; } background-color: transparent; }
GtkIconView.view.check:checked, .view.content-view.check:checked:not(.list) {
GtkFlowBox.view.check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
background-color: transparent; } background-color: transparent; }
@ -2484,6 +2482,11 @@ GtkColorButton.button {
/******** /********
* Misc * * Misc *
********/ ********/
.content-view {
background-color: #ffffff; }
.content-view:hover {
-gtk-image-effect: highlight; }
.scale-popup .button { .scale-popup .button {
padding: 6px; } padding: 6px; }
.scale-popup .button:hover { .scale-popup .button:hover {

17
common/gtk-3.0/3.18/gtk-contained.css
View File

@ -69,9 +69,9 @@
color: rgba(255, 255, 255, 0.65); color: rgba(255, 255, 255, 0.65);
text-shadow: none; } text-shadow: none; }
.rubberband { .rubberband, GtkTreeView.view.rubberband, .content-view.rubberband {
border: 1px solid #5294E2; border: 1px solid #2679db;
background-color: rgba(82, 148, 226, 0.2); } background-color: rgba(38, 121, 219, 0.2); }
.label.separator, .popover .label.separator, .sidebar .label.view.separator { .label.separator, .popover .label.separator, .sidebar .label.view.separator {
color: #5c616c; } color: #5c616c; }
@ -1926,13 +1926,11 @@ GtkTreeView.view.radio:checked:insensitive:selected,
.list-row:selected .radio:checked:insensitive { .list-row:selected .radio:checked:insensitive {
-gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); } -gtk-icon-source: -gtk-scaled(url("assets/radio-checked-insensitive-selected.png"), url("assets/radio-checked-insensitive-selected@2.png")); }
GtkIconView.view.check, .view.content-view.check:not(.list) {
GtkFlowBox.view.check {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png")); -gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
background-color: transparent; } background-color: transparent; }
GtkIconView.view.check:checked, .view.content-view.check:checked:not(.list) {
GtkFlowBox.view.check:checked {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png")); -gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
background-color: transparent; } background-color: transparent; }
@ -2484,6 +2482,11 @@ GtkColorButton.button {
/******** /********
* Misc * * Misc *
********/ ********/
.content-view {
background-color: #ffffff; }
.content-view:hover {
-gtk-image-effect: highlight; }
.scale-popup .button { .scale-popup .button {
padding: 6px; } padding: 6px; }
.scale-popup .button:hover { .scale-popup .button:hover {

16
common/gtk-3.0/3.18/sass/_common.scss
View File

@ -119,8 +119,8 @@ $darker_asset_suffix: if($darker=='true', '-dark', $asset_suffix);
} }
.rubberband { .rubberband {
border: 1px solid $selected_bg_color; border: 1px solid darken($selected_bg_color, 10%);
background-color: transparentize($selected_bg_color,0.8); background-color: transparentize(darken($selected_bg_color, 10%), 0.8);
} }
.label { .label {
@ -1439,6 +1439,8 @@ GtkTreeView.view { // treeview grid lines a
border-left-color: transparentize($fg_color, 0.85); // this is actually the tree lines color, border-left-color: transparentize($fg_color, 0.85); // this is actually the tree lines color,
border-top-color: transparentize(black, 0.9); // while this is the grid lines color, better then nothing border-top-color: transparentize(black, 0.9); // while this is the grid lines color, better then nothing
&.rubberband { @extend .rubberband; } // to avoid borders being overridden by the previously set props
&:selected { &:selected {
border-radius: 0; border-radius: 0;
border-left-color: mix($selected_fg_color, $selected_bg_color, 50%); border-left-color: mix($selected_fg_color, $selected_bg_color, 50%);
@ -2066,8 +2068,7 @@ GtkSwitch {
//selection-mode //selection-mode
@each $s,$as in ('','-selectionmode'), @each $s,$as in ('','-selectionmode'),
(':checked', '-checked-selectionmode') { (':checked', '-checked-selectionmode') {
GtkIconView.view.check#{$s}, .view.content-view.check#{$s}:not(.list) {
GtkFlowBox.view.check#{$s} {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"), -gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"),
url("assets/checkbox#{$as}#{$asset_suffix}@2.png")); url("assets/checkbox#{$as}#{$asset_suffix}@2.png"));
background-color: transparent; background-color: transparent;
@ -2816,6 +2817,13 @@ GtkColorButton.button {
/******** /********
* Misc * * Misc *
********/ ********/
//content view (grid/list)
.content-view {
background-color: $base_color;
&:hover { -gtk-image-effect: highlight; }
&.rubberband { @extend .rubberband; }
}
.scale-popup .button { // +/- buttons on GtkVolumeButton popup .scale-popup .button { // +/- buttons on GtkVolumeButton popup
padding: 6px; padding: 6px;
&:hover { &:hover {