mirror of
				https://github.com/horst3180/arc-theme.git
				synced 2025-06-13 12:53:52 +00:00 
			
		
		
		
	add some styles for gnome-photos
This commit is contained in:
		
							parent
							
								
									9781e357df
								
							
						
					
					
						commit
						26034c4354
					
				| @ -3199,6 +3199,9 @@ dockoverlayedge { | ||||
|   dockoverlayedge.right-edge tab:checked { | ||||
|     border-width: 1px 0; } | ||||
| 
 | ||||
| .documents-scrolledwin.frame { | ||||
|   border-width: 0; } | ||||
| 
 | ||||
| button.documents-load-more { | ||||
|   border-width: 1px 0 0; | ||||
|   border-radius: 0; } | ||||
| @ -3208,7 +3211,7 @@ button.documents-load-more { | ||||
|   color: #ffffff; | ||||
|   border-radius: 2px; } | ||||
| 
 | ||||
| .documents-collection-icon { | ||||
| .documents-collection-icon, .photos-collection-icon { | ||||
|   background-color: rgba(211, 218, 227, 0.3); | ||||
|   border-radius: 2px; } | ||||
| 
 | ||||
| @ -3216,32 +3219,33 @@ button.documents-favorite:active, | ||||
| button.documents-favorite:active:hover { | ||||
|   color: #a9caf1; } | ||||
| 
 | ||||
| .documents-entry-tag { | ||||
| .documents-entry-tag, .photos-entry-tag { | ||||
|   color: #ffffff; | ||||
|   background: #5294E2; | ||||
|   border-radius: 2px; | ||||
|   border-width: 0; | ||||
|   margin: 2px; | ||||
|   padding: 4px; } | ||||
|   .documents-entry-tag:hover { | ||||
|   .documents-entry-tag:hover, .photos-entry-tag:hover { | ||||
|     color: #ffffff; | ||||
|     background: #639fe5; } | ||||
|   .documents-entry-tag:active { | ||||
|   .documents-entry-tag:active, .photos-entry-tag:active { | ||||
|     color: #ffffff; | ||||
|     background: #4189df; } | ||||
|   toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { | ||||
|     background: none; | ||||
|     border: none; | ||||
|     box-shadow: none; | ||||
|     -gtk-icon-shadow: none; } | ||||
|     toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { | ||||
|       color: rgba(255, 255, 255, 0.7); } | ||||
| 
 | ||||
| .content-view.document-page { | ||||
|   border-style: solid; | ||||
|   border-width: 3px 3px 6px 4px; | ||||
|   border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } | ||||
| 
 | ||||
| .photos-fade-in { | ||||
|   opacity: 1.0; | ||||
|   transition: opacity 0.2s ease-out; } | ||||
| 
 | ||||
| .photos-fade-out { | ||||
|   opacity: 0.0; | ||||
|   transition: opacity 0.2s ease-out; } | ||||
| 
 | ||||
| .tr-workarea undershoot, | ||||
| .tr-workarea overshoot { | ||||
|   border-color: transparent; } | ||||
|  | ||||
| @ -3198,6 +3198,9 @@ dockoverlayedge { | ||||
|   dockoverlayedge.right-edge tab:checked { | ||||
|     border-width: 1px 0; } | ||||
| 
 | ||||
| .documents-scrolledwin.frame { | ||||
|   border-width: 0; } | ||||
| 
 | ||||
| button.documents-load-more { | ||||
|   border-width: 1px 0 0; | ||||
|   border-radius: 0; } | ||||
| @ -3207,7 +3210,7 @@ button.documents-load-more { | ||||
|   color: #ffffff; | ||||
|   border-radius: 2px; } | ||||
| 
 | ||||
| .documents-collection-icon { | ||||
| .documents-collection-icon, .photos-collection-icon { | ||||
|   background-color: rgba(92, 97, 108, 0.3); | ||||
|   border-radius: 2px; } | ||||
| 
 | ||||
| @ -3215,32 +3218,33 @@ button.documents-favorite:active, | ||||
| button.documents-favorite:active:hover { | ||||
|   color: #a9caf1; } | ||||
| 
 | ||||
| .documents-entry-tag { | ||||
| .documents-entry-tag, .photos-entry-tag { | ||||
|   color: #ffffff; | ||||
|   background: #5294E2; | ||||
|   border-radius: 2px; | ||||
|   border-width: 0; | ||||
|   margin: 2px; | ||||
|   padding: 4px; } | ||||
|   .documents-entry-tag:hover { | ||||
|   .documents-entry-tag:hover, .photos-entry-tag:hover { | ||||
|     color: #ffffff; | ||||
|     background: #639fe5; } | ||||
|   .documents-entry-tag:active { | ||||
|   .documents-entry-tag:active, .photos-entry-tag:active { | ||||
|     color: #ffffff; | ||||
|     background: #4189df; } | ||||
|   toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { | ||||
|     background: none; | ||||
|     border: none; | ||||
|     box-shadow: none; | ||||
|     -gtk-icon-shadow: none; } | ||||
|     toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { | ||||
|       color: rgba(255, 255, 255, 0.7); } | ||||
| 
 | ||||
| .content-view.document-page { | ||||
|   border-style: solid; | ||||
|   border-width: 3px 3px 6px 4px; | ||||
|   border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } | ||||
| 
 | ||||
| .photos-fade-in { | ||||
|   opacity: 1.0; | ||||
|   transition: opacity 0.2s ease-out; } | ||||
| 
 | ||||
| .photos-fade-out { | ||||
|   opacity: 0.0; | ||||
|   transition: opacity 0.2s ease-out; } | ||||
| 
 | ||||
| .tr-workarea undershoot, | ||||
| .tr-workarea overshoot { | ||||
|   border-color: transparent; } | ||||
|  | ||||
| @ -3199,6 +3199,9 @@ dockoverlayedge { | ||||
|   dockoverlayedge.right-edge tab:checked { | ||||
|     border-width: 1px 0; } | ||||
| 
 | ||||
| .documents-scrolledwin.frame { | ||||
|   border-width: 0; } | ||||
| 
 | ||||
| button.documents-load-more { | ||||
|   border-width: 1px 0 0; | ||||
|   border-radius: 0; } | ||||
| @ -3208,7 +3211,7 @@ button.documents-load-more { | ||||
|   color: #ffffff; | ||||
|   border-radius: 2px; } | ||||
| 
 | ||||
| .documents-collection-icon { | ||||
| .documents-collection-icon, .photos-collection-icon { | ||||
|   background-color: rgba(211, 218, 227, 0.3); | ||||
|   border-radius: 2px; } | ||||
| 
 | ||||
| @ -3216,32 +3219,33 @@ button.documents-favorite:active, | ||||
| button.documents-favorite:active:hover { | ||||
|   color: #a9caf1; } | ||||
| 
 | ||||
| .documents-entry-tag { | ||||
| .documents-entry-tag, .photos-entry-tag { | ||||
|   color: #ffffff; | ||||
|   background: #5294E2; | ||||
|   border-radius: 2px; | ||||
|   border-width: 0; | ||||
|   margin: 2px; | ||||
|   padding: 4px; } | ||||
|   .documents-entry-tag:hover { | ||||
|   .documents-entry-tag:hover, .photos-entry-tag:hover { | ||||
|     color: #ffffff; | ||||
|     background: #639fe5; } | ||||
|   .documents-entry-tag:active { | ||||
|   .documents-entry-tag:active, .photos-entry-tag:active { | ||||
|     color: #ffffff; | ||||
|     background: #4189df; } | ||||
|   toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { | ||||
|     background: none; | ||||
|     border: none; | ||||
|     box-shadow: none; | ||||
|     -gtk-icon-shadow: none; } | ||||
|     toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { | ||||
|       color: rgba(255, 255, 255, 0.7); } | ||||
| 
 | ||||
| .content-view.document-page { | ||||
|   border-style: solid; | ||||
|   border-width: 3px 3px 6px 4px; | ||||
|   border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } | ||||
| 
 | ||||
| .photos-fade-in { | ||||
|   opacity: 1.0; | ||||
|   transition: opacity 0.2s ease-out; } | ||||
| 
 | ||||
| .photos-fade-out { | ||||
|   opacity: 0.0; | ||||
|   transition: opacity 0.2s ease-out; } | ||||
| 
 | ||||
| .tr-workarea undershoot, | ||||
| .tr-workarea overshoot { | ||||
|   border-color: transparent; } | ||||
|  | ||||
| @ -3198,6 +3198,9 @@ dockoverlayedge { | ||||
|   dockoverlayedge.right-edge tab:checked { | ||||
|     border-width: 1px 0; } | ||||
| 
 | ||||
| .documents-scrolledwin.frame { | ||||
|   border-width: 0; } | ||||
| 
 | ||||
| button.documents-load-more { | ||||
|   border-width: 1px 0 0; | ||||
|   border-radius: 0; } | ||||
| @ -3207,7 +3210,7 @@ button.documents-load-more { | ||||
|   color: #ffffff; | ||||
|   border-radius: 2px; } | ||||
| 
 | ||||
| .documents-collection-icon { | ||||
| .documents-collection-icon, .photos-collection-icon { | ||||
|   background-color: rgba(92, 97, 108, 0.3); | ||||
|   border-radius: 2px; } | ||||
| 
 | ||||
| @ -3215,32 +3218,33 @@ button.documents-favorite:active, | ||||
| button.documents-favorite:active:hover { | ||||
|   color: #a9caf1; } | ||||
| 
 | ||||
| .documents-entry-tag { | ||||
| .documents-entry-tag, .photos-entry-tag { | ||||
|   color: #ffffff; | ||||
|   background: #5294E2; | ||||
|   border-radius: 2px; | ||||
|   border-width: 0; | ||||
|   margin: 2px; | ||||
|   padding: 4px; } | ||||
|   .documents-entry-tag:hover { | ||||
|   .documents-entry-tag:hover, .photos-entry-tag:hover { | ||||
|     color: #ffffff; | ||||
|     background: #639fe5; } | ||||
|   .documents-entry-tag:active { | ||||
|   .documents-entry-tag:active, .photos-entry-tag:active { | ||||
|     color: #ffffff; | ||||
|     background: #4189df; } | ||||
|   toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { | ||||
|     background: none; | ||||
|     border: none; | ||||
|     box-shadow: none; | ||||
|     -gtk-icon-shadow: none; } | ||||
|     toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { | ||||
|       color: rgba(255, 255, 255, 0.7); } | ||||
| 
 | ||||
| .content-view.document-page { | ||||
|   border-style: solid; | ||||
|   border-width: 3px 3px 6px 4px; | ||||
|   border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } | ||||
| 
 | ||||
| .photos-fade-in { | ||||
|   opacity: 1.0; | ||||
|   transition: opacity 0.2s ease-out; } | ||||
| 
 | ||||
| .photos-fade-out { | ||||
|   opacity: 0.0; | ||||
|   transition: opacity 0.2s ease-out; } | ||||
| 
 | ||||
| .tr-workarea undershoot, | ||||
| .tr-workarea overshoot { | ||||
|   border-color: transparent; } | ||||
|  | ||||
| @ -3202,6 +3202,9 @@ dockoverlayedge { | ||||
|   dockoverlayedge.right-edge tab:checked { | ||||
|     border-width: 1px 0; } | ||||
| 
 | ||||
| .documents-scrolledwin.frame { | ||||
|   border-width: 0; } | ||||
| 
 | ||||
| button.documents-load-more { | ||||
|   border-width: 1px 0 0; | ||||
|   border-radius: 0; } | ||||
| @ -3211,7 +3214,7 @@ button.documents-load-more { | ||||
|   color: #ffffff; | ||||
|   border-radius: 2px; } | ||||
| 
 | ||||
| .documents-collection-icon { | ||||
| .documents-collection-icon, .photos-collection-icon { | ||||
|   background-color: rgba(92, 97, 108, 0.3); | ||||
|   border-radius: 2px; } | ||||
| 
 | ||||
| @ -3219,32 +3222,33 @@ button.documents-favorite:active, | ||||
| button.documents-favorite:active:hover { | ||||
|   color: #a9caf1; } | ||||
| 
 | ||||
| .documents-entry-tag { | ||||
| .documents-entry-tag, .photos-entry-tag { | ||||
|   color: #ffffff; | ||||
|   background: #5294E2; | ||||
|   border-radius: 2px; | ||||
|   border-width: 0; | ||||
|   margin: 2px; | ||||
|   padding: 4px; } | ||||
|   .documents-entry-tag:hover { | ||||
|   .documents-entry-tag:hover, .photos-entry-tag:hover { | ||||
|     color: #ffffff; | ||||
|     background: #639fe5; } | ||||
|   .documents-entry-tag:active { | ||||
|   .documents-entry-tag:active, .photos-entry-tag:active { | ||||
|     color: #ffffff; | ||||
|     background: #4189df; } | ||||
|   toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { | ||||
|     background: none; | ||||
|     border: none; | ||||
|     box-shadow: none; | ||||
|     -gtk-icon-shadow: none; } | ||||
|     toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { | ||||
|       color: rgba(255, 255, 255, 0.7); } | ||||
| 
 | ||||
| .content-view.document-page { | ||||
|   border-style: solid; | ||||
|   border-width: 3px 3px 6px 4px; | ||||
|   border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } | ||||
| 
 | ||||
| .photos-fade-in { | ||||
|   opacity: 1.0; | ||||
|   transition: opacity 0.2s ease-out; } | ||||
| 
 | ||||
| .photos-fade-out { | ||||
|   opacity: 0.0; | ||||
|   transition: opacity 0.2s ease-out; } | ||||
| 
 | ||||
| .tr-workarea undershoot, | ||||
| .tr-workarea overshoot { | ||||
|   border-color: transparent; } | ||||
|  | ||||
| @ -3202,6 +3202,9 @@ dockoverlayedge { | ||||
|   dockoverlayedge.right-edge tab:checked { | ||||
|     border-width: 1px 0; } | ||||
| 
 | ||||
| .documents-scrolledwin.frame { | ||||
|   border-width: 0; } | ||||
| 
 | ||||
| button.documents-load-more { | ||||
|   border-width: 1px 0 0; | ||||
|   border-radius: 0; } | ||||
| @ -3211,7 +3214,7 @@ button.documents-load-more { | ||||
|   color: #ffffff; | ||||
|   border-radius: 2px; } | ||||
| 
 | ||||
| .documents-collection-icon { | ||||
| .documents-collection-icon, .photos-collection-icon { | ||||
|   background-color: rgba(92, 97, 108, 0.3); | ||||
|   border-radius: 2px; } | ||||
| 
 | ||||
| @ -3219,32 +3222,33 @@ button.documents-favorite:active, | ||||
| button.documents-favorite:active:hover { | ||||
|   color: #a9caf1; } | ||||
| 
 | ||||
| .documents-entry-tag { | ||||
| .documents-entry-tag, .photos-entry-tag { | ||||
|   color: #ffffff; | ||||
|   background: #5294E2; | ||||
|   border-radius: 2px; | ||||
|   border-width: 0; | ||||
|   margin: 2px; | ||||
|   padding: 4px; } | ||||
|   .documents-entry-tag:hover { | ||||
|   .documents-entry-tag:hover, .photos-entry-tag:hover { | ||||
|     color: #ffffff; | ||||
|     background: #639fe5; } | ||||
|   .documents-entry-tag:active { | ||||
|   .documents-entry-tag:active, .photos-entry-tag:active { | ||||
|     color: #ffffff; | ||||
|     background: #4189df; } | ||||
|   toolbar .linked .documents-entry-tag button, .inline-toolbar .linked .documents-entry-tag button { | ||||
|     background: none; | ||||
|     border: none; | ||||
|     box-shadow: none; | ||||
|     -gtk-icon-shadow: none; } | ||||
|     toolbar .linked .documents-entry-tag button:hover, .inline-toolbar .linked .documents-entry-tag button:hover { | ||||
|       color: rgba(255, 255, 255, 0.7); } | ||||
| 
 | ||||
| .content-view.document-page { | ||||
|   border-style: solid; | ||||
|   border-width: 3px 3px 6px 4px; | ||||
|   border-image: url("assets/thumbnail-frame.png") 3 3 6 4; } | ||||
| 
 | ||||
| .photos-fade-in { | ||||
|   opacity: 1.0; | ||||
|   transition: opacity 0.2s ease-out; } | ||||
| 
 | ||||
| .photos-fade-out { | ||||
|   opacity: 0.0; | ||||
|   transition: opacity 0.2s ease-out; } | ||||
| 
 | ||||
| .tr-workarea undershoot, | ||||
| .tr-workarea overshoot { | ||||
|   border-color: transparent; } | ||||
|  | ||||
| @ -362,6 +362,8 @@ dockoverlayedge { | ||||
| // | ||||
| // Gnome Documents | ||||
| // | ||||
| .documents-scrolledwin.frame { border-width: 0; } | ||||
| 
 | ||||
| button.documents-load-more { | ||||
|   border-width: 1px 0 0; | ||||
|   border-radius: 0; | ||||
| @ -399,15 +401,6 @@ button.documents-favorite:active:hover { | ||||
|     color: $selected_fg_color; | ||||
|     background: darken($selected_bg_color, 4%); | ||||
|   } | ||||
| 
 | ||||
|   toolbar .linked & button { | ||||
|     background: none; | ||||
|     border: none; | ||||
|     box-shadow: none; | ||||
|     -gtk-icon-shadow: none; | ||||
| 
 | ||||
|     &:hover { color: transparentize($selected_fg_color, 0.3) } | ||||
|   } | ||||
| } | ||||
| 
 | ||||
| .content-view.document-page { | ||||
| @ -416,6 +409,23 @@ button.documents-favorite:active:hover { | ||||
|   border-image: url("assets/thumbnail-frame.png") 3 3 6 4; | ||||
| } | ||||
| 
 | ||||
| // | ||||
| // Gnome Photos | ||||
| // | ||||
| .photos-entry-tag { @extend .documents-entry-tag; } | ||||
| 
 | ||||
| .photos-collection-icon { @extend .documents-collection-icon; } | ||||
| 
 | ||||
| .photos-fade-in { | ||||
|     opacity: 1.0; | ||||
|     transition: opacity 0.2s ease-out; | ||||
| } | ||||
| 
 | ||||
| .photos-fade-out { | ||||
|     opacity: 0.0; | ||||
|     transition: opacity 0.2s ease-out; | ||||
| } | ||||
| 
 | ||||
| // | ||||
| // Transmission | ||||
| // | ||||
|  | ||||
		Loading…
	
		Reference in New Issue
	
	Block a user