Archives/horst3180_arc-theme
1
0
Fork 0
mirror of https://github.com/horst3180/arc-theme.git synced 2024-09-28 14:00:44 +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);
text-shadow: none; }
.rubberband {
border: 1px solid #5294E2;
background-color: rgba(82, 148, 226, 0.2); }
.rubberband, GtkTreeView.view.rubberband, .content-view.rubberband {
border: 1px solid #2679db;
background-color: rgba(38, 121, 219, 0.2); }
.label.separator, .popover .label.separator, .sidebar .label.view.separator {
color: #D3DAE3; }
@ -1926,13 +1926,11 @@ GtkTreeView.view.radio:checked:insensitive:selected,
.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")); }
GtkIconView.view.check,
GtkFlowBox.view.check {
.view.content-view.check:not(.list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png"));
background-color: transparent; }
GtkIconView.view.check:checked,
GtkFlowBox.view.check:checked {
.view.content-view.check:checked:not(.list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png"));
background-color: transparent; }
@ -2484,6 +2482,11 @@ GtkColorButton.button {
/********
* Misc *
********/
.content-view {
background-color: #404552; }
.content-view:hover {
-gtk-image-effect: highlight; }
.scale-popup .button {
padding: 6px; }
.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);
text-shadow: none; }
.rubberband {
border: 1px solid #5294E2;
background-color: rgba(82, 148, 226, 0.2); }
.rubberband, GtkTreeView.view.rubberband, .content-view.rubberband {
border: 1px solid #2679db;
background-color: rgba(38, 121, 219, 0.2); }
.label.separator, .popover .label.separator, .sidebar .label.view.separator {
color: #5c616c; }
@ -1926,13 +1926,11 @@ GtkTreeView.view.radio:checked:insensitive:selected,
.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")); }
GtkIconView.view.check,
GtkFlowBox.view.check {
.view.content-view.check:not(.list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
background-color: transparent; }
GtkIconView.view.check:checked,
GtkFlowBox.view.check:checked {
.view.content-view.check:checked:not(.list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
background-color: transparent; }
@ -2484,6 +2482,11 @@ GtkColorButton.button {
/********
* Misc *
********/
.content-view {
background-color: #ffffff; }
.content-view:hover {
-gtk-image-effect: highlight; }
.scale-popup .button {
padding: 6px; }
.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);
text-shadow: none; }
.rubberband {
border: 1px solid #5294E2;
background-color: rgba(82, 148, 226, 0.2); }
.rubberband, GtkTreeView.view.rubberband, .content-view.rubberband {
border: 1px solid #2679db;
background-color: rgba(38, 121, 219, 0.2); }
.label.separator, .popover .label.separator, .sidebar .label.view.separator {
color: #D3DAE3; }
@ -1926,13 +1926,11 @@ GtkTreeView.view.radio:checked:insensitive:selected,
.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")); }
GtkIconView.view.check,
GtkFlowBox.view.check {
.view.content-view.check:not(.list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode-dark.png"), url("assets/checkbox-selectionmode-dark@2.png"));
background-color: transparent; }
GtkIconView.view.check:checked,
GtkFlowBox.view.check:checked {
.view.content-view.check:checked:not(.list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode-dark.png"), url("assets/checkbox-checked-selectionmode-dark@2.png"));
background-color: transparent; }
@ -2484,6 +2482,11 @@ GtkColorButton.button {
/********
* Misc *
********/
.content-view {
background-color: #404552; }
.content-view:hover {
-gtk-image-effect: highlight; }
.scale-popup .button {
padding: 6px; }
.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);
text-shadow: none; }
.rubberband {
border: 1px solid #5294E2;
background-color: rgba(82, 148, 226, 0.2); }
.rubberband, GtkTreeView.view.rubberband, .content-view.rubberband {
border: 1px solid #2679db;
background-color: rgba(38, 121, 219, 0.2); }
.label.separator, .popover .label.separator, .sidebar .label.view.separator {
color: #5c616c; }
@ -1926,13 +1926,11 @@ GtkTreeView.view.radio:checked:insensitive:selected,
.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")); }
GtkIconView.view.check,
GtkFlowBox.view.check {
.view.content-view.check:not(.list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
background-color: transparent; }
GtkIconView.view.check:checked,
GtkFlowBox.view.check:checked {
.view.content-view.check:checked:not(.list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
background-color: transparent; }
@ -2484,6 +2482,11 @@ GtkColorButton.button {
/********
* Misc *
********/
.content-view {
background-color: #ffffff; }
.content-view:hover {
-gtk-image-effect: highlight; }
.scale-popup .button {
padding: 6px; }
.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);
text-shadow: none; }
.rubberband {
border: 1px solid #5294E2;
background-color: rgba(82, 148, 226, 0.2); }
.rubberband, GtkTreeView.view.rubberband, .content-view.rubberband {
border: 1px solid #2679db;
background-color: rgba(38, 121, 219, 0.2); }
.label.separator, .popover .label.separator, .sidebar .label.view.separator {
color: #5c616c; }
@ -1926,13 +1926,11 @@ GtkTreeView.view.radio:checked:insensitive:selected,
.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")); }
GtkIconView.view.check,
GtkFlowBox.view.check {
.view.content-view.check:not(.list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
background-color: transparent; }
GtkIconView.view.check:checked,
GtkFlowBox.view.check:checked {
.view.content-view.check:checked:not(.list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
background-color: transparent; }
@ -2484,6 +2482,11 @@ GtkColorButton.button {
/********
* Misc *
********/
.content-view {
background-color: #ffffff; }
.content-view:hover {
-gtk-image-effect: highlight; }
.scale-popup .button {
padding: 6px; }
.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);
text-shadow: none; }
.rubberband {
border: 1px solid #5294E2;
background-color: rgba(82, 148, 226, 0.2); }
.rubberband, GtkTreeView.view.rubberband, .content-view.rubberband {
border: 1px solid #2679db;
background-color: rgba(38, 121, 219, 0.2); }
.label.separator, .popover .label.separator, .sidebar .label.view.separator {
color: #5c616c; }
@ -1926,13 +1926,11 @@ GtkTreeView.view.radio:checked:insensitive:selected,
.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")); }
GtkIconView.view.check,
GtkFlowBox.view.check {
.view.content-view.check:not(.list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-selectionmode.png"), url("assets/checkbox-selectionmode@2.png"));
background-color: transparent; }
GtkIconView.view.check:checked,
GtkFlowBox.view.check:checked {
.view.content-view.check:checked:not(.list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox-checked-selectionmode.png"), url("assets/checkbox-checked-selectionmode@2.png"));
background-color: transparent; }
@ -2484,6 +2482,11 @@ GtkColorButton.button {
/********
* Misc *
********/
.content-view {
background-color: #ffffff; }
.content-view:hover {
-gtk-image-effect: highlight; }
.scale-popup .button {
padding: 6px; }
.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 {
border: 1px solid $selected_bg_color;
background-color: transparentize($selected_bg_color,0.8);
border: 1px solid darken($selected_bg_color, 10%);
background-color: transparentize(darken($selected_bg_color, 10%), 0.8);
}
.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-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 {
border-radius: 0;
border-left-color: mix($selected_fg_color, $selected_bg_color, 50%);
@ -2066,8 +2068,7 @@ GtkSwitch {
//selection-mode
@each $s,$as in ('','-selectionmode'),
(':checked', '-checked-selectionmode') {
GtkIconView.view.check#{$s},
GtkFlowBox.view.check#{$s} {
.view.content-view.check#{$s}:not(.list) {
-gtk-icon-source: -gtk-scaled(url("assets/checkbox#{$as}#{$asset_suffix}.png"),
url("assets/checkbox#{$as}#{$asset_suffix}@2.png"));
background-color: transparent;
@ -2816,6 +2817,13 @@ GtkColorButton.button {
/********
* 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
padding: 6px;
&:hover {