feat: Add support for dark mode node icons and colors (#9412)

Co-authored-by: Giulio Andreini <g.andreini@gmail.com>
This commit is contained in:
Elias Meire
2024-06-06 13:34:30 +02:00
committed by GitHub
parent 68e856d155
commit 600013a1ab
294 changed files with 1421 additions and 519 deletions

View File

@@ -15,7 +15,7 @@ export class Bubble implements INodeType {
description: INodeTypeDescription = {
displayName: 'Bubble',
name: 'bubble',
icon: 'file:bubble.svg',
icon: { light: 'file:bubble.svg', dark: 'file:bubble.dark.svg' },
group: ['transform'],
version: 1,
subtitle: '={{$parameter["operation"] + ": " + $parameter["resource"]}}',

View File

@@ -0,0 +1,4 @@
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23.7491 10.3853C20.1543 10.3853 16.6111 11.9286 13.9061 14.9628V0H8.55322V25.1909C8.55322 25.1915 8.55322 25.1921 8.55322 25.1928C8.55322 33.3706 15.1826 40 23.3606 40C31.5384 40 38.1679 33.3706 38.1679 25.1928C38.1679 17.0149 31.9269 10.3853 23.7491 10.3853ZM23.3606 34.2968C18.3324 34.2968 14.2563 30.2207 14.2563 25.1927C14.2563 20.1646 18.3324 16.0884 23.3606 16.0884C28.3886 16.0884 32.4647 20.1646 32.4647 25.1927C32.4647 30.2208 28.3886 34.2968 23.3606 34.2968Z" fill="white"/>
<path d="M4.66161 32.6767C2.6393 32.6767 1 34.3161 1 36.3383C1 38.3605 2.6393 39.9999 4.66161 39.9999C6.68391 39.9999 8.32322 38.3605 8.32322 36.3383C8.32322 34.3161 6.68391 32.6767 4.66161 32.6767Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 813 B

View File

@@ -1 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round" viewBox="-16 -10 85 85"><use xlink:href="#a" x=".5" y=".5"/><symbol id="a" overflow="visible"><path fill="#000" fill-rule="nonzero" stroke="none" d="M145.432 17.494c-6.051 0-12.034 2.596-16.584 7.719V0h-9.017v42.455c0 13.786 11.174 24.961 24.961 24.961s24.961-11.174 24.961-24.961-10.534-24.961-24.32-24.961zm-.657 40.298a15.34 15.34 0 0 1-15.337-15.337c0-8.461 6.876-15.337 15.337-15.337a15.34 15.34 0 0 1 15.337 15.337c0 8.461-6.86 15.337-15.337 15.337m56.562-40.298c-6.051 0-12.034 2.596-16.584 7.719V0h-9.017v42.455c0 13.786 11.174 24.961 24.961 24.961s24.961-11.174 24.961-24.961-10.551-24.961-24.32-24.961zm-.657 40.298a15.34 15.34 0 0 1-15.337-15.337c0-8.461 6.876-15.337 15.337-15.337a15.34 15.34 0 0 1 15.337 15.337 15.34 15.34 0 0 1-15.337 15.337M69.067 46.821V18.843h9.674v27.893c0 7.129 4.129 11.697 11.09 11.697 7.045 0 11.09-4.399 11.09-11.697V18.843h9.758v27.978c0 12.927-7.837 20.579-20.848 20.579-12.674.017-20.764-7.905-20.764-20.579M243.101 66.27h-9.674V0h9.674zm54.775-19.972h-37.028c1.416 7.382 6.59 12.404 15.741 12.404 5.36 0 11.882-2.022 16.096-5.107l4.045 7.129c-4.837 3.607-12.489 6.59-20.494 6.59-17.764 0-25.416-12.404-25.416-24.893 0-7.129 2.191-13.011 6.691-17.68 4.483-4.669 10.382-7.045 17.511-7.045 6.775 0 12.405 2.107 16.719 6.421s6.506 10.112 6.506 17.511a39 39 0 0 1-.371 4.669zm-37.045-7.921h27.624c-.792-7.483-6.337-12.32-13.466-12.32-7.298 0-12.742 4.938-14.157 12.32zM38.343 17.494c-6.051 0-12.034 2.596-16.584 7.719V0h-9.034v42.455c0 13.786 11.174 24.961 24.961 24.961s24.961-11.174 24.961-24.961-10.534-24.961-24.303-24.961zm-.657 40.298a15.34 15.34 0 0 1-15.337-15.337c0-8.461 6.876-15.337 15.337-15.337a15.34 15.34 0 0 1 15.337 15.337 15.34 15.34 0 0 1-15.337 15.337"/><path fill="#00f" fill-rule="nonzero" stroke="none" d="M0 61.231c0-3.417 2.751-6.169 6.169-6.169s6.168 2.751 6.168 6.169S9.586 67.4 6.169 67.4 0 64.648 0 61.231"/></symbol></svg>
<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M23.7491 10.3853C20.1543 10.3853 16.6111 11.9286 13.9061 14.9628V0H8.55322V25.1909C8.55322 25.1915 8.55322 25.1921 8.55322 25.1928C8.55322 33.3706 15.1826 40 23.3606 40C31.5384 40 38.1679 33.3706 38.1679 25.1928C38.1679 17.0149 31.9269 10.3853 23.7491 10.3853ZM23.3606 34.2968C18.3324 34.2968 14.2563 30.2207 14.2563 25.1927C14.2563 20.1646 18.3324 16.0884 23.3606 16.0884C28.3886 16.0884 32.4647 20.1646 32.4647 25.1927C32.4647 30.2208 28.3886 34.2968 23.3606 34.2968Z" fill="#262626"/>
<path d="M4.66161 32.6767C2.6393 32.6767 1 34.3161 1 36.3383C1 38.3605 2.6393 39.9999 4.66161 39.9999C6.68391 39.9999 8.32322 38.3605 8.32322 36.3383C8.32322 34.3161 6.68391 32.6767 4.66161 32.6767Z" fill="#0000FF"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 817 B