mirror of
				https://github.com/go-gitea/gitea
				synced 2025-10-31 19:38:23 +00:00 
			
		
		
		
	Replace coloris with vanilla-colorful (#30201)
Found [a better color picker](https://github.com/web-padawan/vanilla-colorful) that [does not rely](https://github.com/mdbassit/Coloris/issues/139) on `querySelectorAll` or a global shared instance, and is also around a third of the size of the previous one. The popover is handled by tippy.js for which I introduced a new "bare" theme and it uses a new sibling-based mechanism which should prove useful later to create tippy popovers via HTML only. <img width="846" alt="Screenshot 2024-03-31 at 04 03 38" src="https://github.com/go-gitea/gitea/assets/115237/7639b911-a2d7-4f5c-bffd-a9d84561e747">
This commit is contained in:
		| @@ -29,6 +29,17 @@ | ||||
|   z-index: 1; | ||||
| } | ||||
|  | ||||
| /* bare theme, no styling at all, except box-shadow */ | ||||
| .tippy-box[data-theme="bare"] { | ||||
|   border: none; | ||||
|   box-shadow: 0 6px 18px var(--color-shadow); | ||||
| } | ||||
|  | ||||
| .tippy-box[data-theme="bare"] .tippy-content { | ||||
|   padding: 0; | ||||
|   background: transparent; | ||||
| } | ||||
|  | ||||
| /* tooltip theme for text tooltips */ | ||||
|  | ||||
| .tippy-box[data-theme="tooltip"] { | ||||
|   | ||||
		Reference in New Issue
	
	Block a user