griefith/test
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

UI: SVG Icons for Collection Colors

Browse Source 
A test of using multi-color SVG icons in place of the current "vector"
(custom drawn) style we are using now. These use separate colors for
the box body versus outline, shadow, handhold. Colored by the theme
colors.

Pull Request: https://projects.blender.org/blender/blender/pulls/126307
This commit is contained in:
Harley Acheson
2025-10-07 02:07:28 +02:00
committed by Harley Acheson
parent 8663f704a2
commit b11093306b
13 changed files with 35 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
release/datafiles/icons_svg/collection_color_01.svg Normal file
View File

@@ -0,0 +1 @@
<svg id="svg1" height="1600" viewBox="0 0 1700 1600" width="1700" xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"><sodipodi:namedview pagecolor="#303030" showgrid="true"><inkscape:grid id="grid5" units="px" spacingx="100" spacingy="100" color="#4772b3" opacity="0.2" visible="true" /></sodipodi:namedview><g id="blender_collection_color_01" fill="#ccc" transform="matrix(1 0 0 1.00000000901 .461255 99.54043592837)"><path id="path1-0" d="m199.54534 100.46767-.0115 299.99108s1299.68488 2.63699 1299.94958-.0777l.047-299.95034z"/><path id="path1-4" d="m299.50799 500.42887.015 799.93003 1099.99644.081-.055-799.9343"/></g><g fill-opacity=".7"><path id="path1" d="m175.6648 99.948542c-48.15785-.323156-75.54556 25.527328-75.54725 76.532298l-.014 423.30849s57.2301.18883 99.92707.23534l.0469 822.68913c.69231 47.4171 25.65156 76.9025 76.74481 77.2317h1147.55127c51.7456 0 76.0346-27.6411 75.7384-77.572l-.054-822.45446c43.7336-.1314 99.986-.18248 99.986-.18248v-424.07111c0-51.0049-25.7441-76.054072-73.9019-75.730906zm24.55583 100.301818h1299.80377v299.88603l-1299.96685-.10128zm99.81 399.85649 1099.96687-.0725-.2031 800.44125-1099.80377-.1993z" stroke-width="99.8344"/><path id="handhold" d="m700.40998 701.40838c-136.44824.30561-129.50035 200.27886 0 199.99996h299.03314c133.05938-.075 132.82888-199.92785 0-199.99996z" stroke-width=".995635"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

1
release/datafiles/icons_svg/collection_color_02.svg Normal file
View File

@@ -0,0 +1 @@
<svg id="svg1" height="1600" viewBox="0 0 1700 1600" width="1700" xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"><sodipodi:namedview pagecolor="#303030" showgrid="true"><inkscape:grid id="grid5" units="px" spacingx="100" spacingy="100" color="#4772b3" opacity="0.2" visible="true" /></sodipodi:namedview><g id="blender_collection_color_02" fill="#ccc" transform="matrix(1 0 0 1.00000000901 .461255 99.54043592837)"><path id="path1-0" d="m199.54534 100.46767-.0115 299.99108s1299.68488 2.63699 1299.94958-.0777l.047-299.95034z"/><path id="path1-4" d="m299.50799 500.42887.015 799.93003 1099.99644.081-.055-799.9343"/></g><g fill-opacity=".7"><path id="path1" d="m175.6648 99.948542c-48.15785-.323156-75.54556 25.527328-75.54725 76.532298l-.014 423.30849s57.2301.18883 99.92707.23534l.0469 822.68913c.69231 47.4171 25.65156 76.9025 76.74481 77.2317h1147.55127c51.7456 0 76.0346-27.6411 75.7384-77.572l-.054-822.45446c43.7336-.1314 99.986-.18248 99.986-.18248v-424.07111c0-51.0049-25.7441-76.054072-73.9019-75.730906zm24.55583 100.301818h1299.80377v299.88603l-1299.96685-.10128zm99.81 399.85649 1099.96687-.0725-.2031 800.44125-1099.80377-.1993z" stroke-width="99.8344"/><path id="handhold" d="m700.40998 701.40838c-136.44824.30561-129.50035 200.27886 0 199.99996h299.03314c133.05938-.075 132.82888-199.92785 0-199.99996z" stroke-width=".995635"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

1
release/datafiles/icons_svg/collection_color_03.svg Normal file
View File

@@ -0,0 +1 @@
<svg id="svg1" height="1600" viewBox="0 0 1700 1600" width="1700" xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"><sodipodi:namedview pagecolor="#303030" showgrid="true"><inkscape:grid id="grid5" units="px" spacingx="100" spacingy="100" color="#4772b3" opacity="0.2" visible="true" /></sodipodi:namedview><g id="blender_collection_color_03" fill="#ccc" transform="matrix(1 0 0 1.00000000901 .461255 99.54043592837)"><path id="path1-0" d="m199.54534 100.46767-.0115 299.99108s1299.68488 2.63699 1299.94958-.0777l.047-299.95034z"/><path id="path1-4" d="m299.50799 500.42887.015 799.93003 1099.99644.081-.055-799.9343"/></g><g fill-opacity=".7"><path id="path1" d="m175.6648 99.948542c-48.15785-.323156-75.54556 25.527328-75.54725 76.532298l-.014 423.30849s57.2301.18883 99.92707.23534l.0469 822.68913c.69231 47.4171 25.65156 76.9025 76.74481 77.2317h1147.55127c51.7456 0 76.0346-27.6411 75.7384-77.572l-.054-822.45446c43.7336-.1314 99.986-.18248 99.986-.18248v-424.07111c0-51.0049-25.7441-76.054072-73.9019-75.730906zm24.55583 100.301818h1299.80377v299.88603l-1299.96685-.10128zm99.81 399.85649 1099.96687-.0725-.2031 800.44125-1099.80377-.1993z" stroke-width="99.8344"/><path id="handhold" d="m700.40998 701.40838c-136.44824.30561-129.50035 200.27886 0 199.99996h299.03314c133.05938-.075 132.82888-199.92785 0-199.99996z" stroke-width=".995635"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

1
release/datafiles/icons_svg/collection_color_04.svg Normal file
View File

@@ -0,0 +1 @@
<svg id="svg1" height="1600" viewBox="0 0 1700 1600" width="1700" xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"><sodipodi:namedview pagecolor="#303030" showgrid="true"><inkscape:grid id="grid5" units="px" spacingx="100" spacingy="100" color="#4772b3" opacity="0.2" visible="true" /></sodipodi:namedview><g id="blender_collection_color_04" fill="#ccc" transform="matrix(1 0 0 1.00000000901 .461255 99.54043592837)"><path id="path1-0" d="m199.54534 100.46767-.0115 299.99108s1299.68488 2.63699 1299.94958-.0777l.047-299.95034z"/><path id="path1-4" d="m299.50799 500.42887.015 799.93003 1099.99644.081-.055-799.9343"/></g><g fill-opacity=".7"><path id="path1" d="m175.6648 99.948542c-48.15785-.323156-75.54556 25.527328-75.54725 76.532298l-.014 423.30849s57.2301.18883 99.92707.23534l.0469 822.68913c.69231 47.4171 25.65156 76.9025 76.74481 77.2317h1147.55127c51.7456 0 76.0346-27.6411 75.7384-77.572l-.054-822.45446c43.7336-.1314 99.986-.18248 99.986-.18248v-424.07111c0-51.0049-25.7441-76.054072-73.9019-75.730906zm24.55583 100.301818h1299.80377v299.88603l-1299.96685-.10128zm99.81 399.85649 1099.96687-.0725-.2031 800.44125-1099.80377-.1993z" stroke-width="99.8344"/><path id="handhold" d="m700.40998 701.40838c-136.44824.30561-129.50035 200.27886 0 199.99996h299.03314c133.05938-.075 132.82888-199.92785 0-199.99996z" stroke-width=".995635"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

1
release/datafiles/icons_svg/collection_color_05.svg Normal file
View File

@@ -0,0 +1 @@
<svg id="svg1" height="1600" viewBox="0 0 1700 1600" width="1700" xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"><sodipodi:namedview pagecolor="#303030" showgrid="true"><inkscape:grid id="grid5" units="px" spacingx="100" spacingy="100" color="#4772b3" opacity="0.2" visible="true" /></sodipodi:namedview><g id="blender_collection_color_05" fill="#ccc" transform="matrix(1 0 0 1.00000000901 .461255 99.54043592837)"><path id="path1-0" d="m199.54534 100.46767-.0115 299.99108s1299.68488 2.63699 1299.94958-.0777l.047-299.95034z"/><path id="path1-4" d="m299.50799 500.42887.015 799.93003 1099.99644.081-.055-799.9343"/></g><g fill-opacity=".7"><path id="path1" d="m175.6648 99.948542c-48.15785-.323156-75.54556 25.527328-75.54725 76.532298l-.014 423.30849s57.2301.18883 99.92707.23534l.0469 822.68913c.69231 47.4171 25.65156 76.9025 76.74481 77.2317h1147.55127c51.7456 0 76.0346-27.6411 75.7384-77.572l-.054-822.45446c43.7336-.1314 99.986-.18248 99.986-.18248v-424.07111c0-51.0049-25.7441-76.054072-73.9019-75.730906zm24.55583 100.301818h1299.80377v299.88603l-1299.96685-.10128zm99.81 399.85649 1099.96687-.0725-.2031 800.44125-1099.80377-.1993z" stroke-width="99.8344"/><path id="handhold" d="m700.40998 701.40838c-136.44824.30561-129.50035 200.27886 0 199.99996h299.03314c133.05938-.075 132.82888-199.92785 0-199.99996z" stroke-width=".995635"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

1
release/datafiles/icons_svg/collection_color_06.svg Normal file
View File

@@ -0,0 +1 @@
<svg id="svg1" height="1600" viewBox="0 0 1700 1600" width="1700" xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"><sodipodi:namedview pagecolor="#303030" showgrid="true"><inkscape:grid id="grid5" units="px" spacingx="100" spacingy="100" color="#4772b3" opacity="0.2" visible="true" /></sodipodi:namedview><g id="blender_collection_color_06" fill="#ccc" transform="matrix(1 0 0 1.00000000901 .461255 99.54043592837)"><path id="path1-0" d="m199.54534 100.46767-.0115 299.99108s1299.68488 2.63699 1299.94958-.0777l.047-299.95034z"/><path id="path1-4" d="m299.50799 500.42887.015 799.93003 1099.99644.081-.055-799.9343"/></g><g fill-opacity=".7"><path id="path1" d="m175.6648 99.948542c-48.15785-.323156-75.54556 25.527328-75.54725 76.532298l-.014 423.30849s57.2301.18883 99.92707.23534l.0469 822.68913c.69231 47.4171 25.65156 76.9025 76.74481 77.2317h1147.55127c51.7456 0 76.0346-27.6411 75.7384-77.572l-.054-822.45446c43.7336-.1314 99.986-.18248 99.986-.18248v-424.07111c0-51.0049-25.7441-76.054072-73.9019-75.730906zm24.55583 100.301818h1299.80377v299.88603l-1299.96685-.10128zm99.81 399.85649 1099.96687-.0725-.2031 800.44125-1099.80377-.1993z" stroke-width="99.8344"/><path id="handhold" d="m700.40998 701.40838c-136.44824.30561-129.50035 200.27886 0 199.99996h299.03314c133.05938-.075 132.82888-199.92785 0-199.99996z" stroke-width=".995635"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

1
release/datafiles/icons_svg/collection_color_07.svg Normal file
View File

@@ -0,0 +1 @@
<svg id="svg1" height="1600" viewBox="0 0 1700 1600" width="1700" xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"><sodipodi:namedview pagecolor="#303030" showgrid="true"><inkscape:grid id="grid5" units="px" spacingx="100" spacingy="100" color="#4772b3" opacity="0.2" visible="true" /></sodipodi:namedview><g id="blender_collection_color_07" fill="#ccc" transform="matrix(1 0 0 1.00000000901 .461255 99.54043592837)"><path id="path1-0" d="m199.54534 100.46767-.0115 299.99108s1299.68488 2.63699 1299.94958-.0777l.047-299.95034z"/><path id="path1-4" d="m299.50799 500.42887.015 799.93003 1099.99644.081-.055-799.9343"/></g><g fill-opacity=".7"><path id="path1" d="m175.6648 99.948542c-48.15785-.323156-75.54556 25.527328-75.54725 76.532298l-.014 423.30849s57.2301.18883 99.92707.23534l.0469 822.68913c.69231 47.4171 25.65156 76.9025 76.74481 77.2317h1147.55127c51.7456 0 76.0346-27.6411 75.7384-77.572l-.054-822.45446c43.7336-.1314 99.986-.18248 99.986-.18248v-424.07111c0-51.0049-25.7441-76.054072-73.9019-75.730906zm24.55583 100.301818h1299.80377v299.88603l-1299.96685-.10128zm99.81 399.85649 1099.96687-.0725-.2031 800.44125-1099.80377-.1993z" stroke-width="99.8344"/><path id="handhold" d="m700.40998 701.40838c-136.44824.30561-129.50035 200.27886 0 199.99996h299.03314c133.05938-.075 132.82888-199.92785 0-199.99996z" stroke-width=".995635"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

1
release/datafiles/icons_svg/collection_color_08.svg Normal file
View File

@@ -0,0 +1 @@
<svg id="svg1" height="1600" viewBox="0 0 1700 1600" width="1700" xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"><sodipodi:namedview pagecolor="#303030" showgrid="true"><inkscape:grid id="grid5" units="px" spacingx="100" spacingy="100" color="#4772b3" opacity="0.2" visible="true" /></sodipodi:namedview><g id="blender_collection_color_08" fill="#ccc" transform="matrix(1 0 0 1.00000000901 .461255 99.54043592837)"><path id="path1-0" d="m199.54534 100.46767-.0115 299.99108s1299.68488 2.63699 1299.94958-.0777l.047-299.95034z"/><path id="path1-4" d="m299.50799 500.42887.015 799.93003 1099.99644.081-.055-799.9343"/></g><g fill-opacity=".7"><path id="path1" d="m175.6648 99.948542c-48.15785-.323156-75.54556 25.527328-75.54725 76.532298l-.014 423.30849s57.2301.18883 99.92707.23534l.0469 822.68913c.69231 47.4171 25.65156 76.9025 76.74481 77.2317h1147.55127c51.7456 0 76.0346-27.6411 75.7384-77.572l-.054-822.45446c43.7336-.1314 99.986-.18248 99.986-.18248v-424.07111c0-51.0049-25.7441-76.054072-73.9019-75.730906zm24.55583 100.301818h1299.80377v299.88603l-1299.96685-.10128zm99.81 399.85649 1099.96687-.0725-.2031 800.44125-1099.80377-.1993z" stroke-width="99.8344"/><path id="handhold" d="m700.40998 701.40838c-136.44824.30561-129.50035 200.27886 0 199.99996h299.03314c133.05938-.075 132.82888-199.92785 0-199.99996z" stroke-width=".995635"/></g></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

2
release/datafiles/icons_svg/outliner_collection.svg
View File

@@ -1 +1 @@
<svg height="1500" viewBox="0 0 1600 1500" width="1600" xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"><sodipodi:namedview pagecolor="#303030" showgrid="true"><inkscape:grid id="grid5" units="px" spacingx="100" spacingy="100" color="#4772b3" opacity="0.2" visible="true" /></sodipodi:namedview><g fill="#fff"><path d="m1456 538v7.5c0 .27613.2239.49997.5.5h11c.2761-.00003.5-.22387.5-.5v-7.5zm5 1h2a1.0001 1.0001 0 1 1 0 2h-2a1.0001 1.0001 0 1 1 0-2zm-5.5-6c-.2761.00003-.5.22387-.5.5v3c0 .27613.2239.49997.5.5h13c.2761-.00003.5-.22387.5-.5v-3c0-.27613-.2239-.49997-.5-.5z" transform="matrix(100 0 0 100 -145400.005 -53200)"/></g></svg>
<svg id="svg1" height="1600" viewBox="0 0 1700 1600" width="1700" xmlns="http://www.w3.org/2000/svg" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"><sodipodi:namedview pagecolor="#303030" showgrid="true"><inkscape:grid id="grid5" units="px" spacingx="100" spacingy="100" color="#4772b3" opacity="0.2" visible="true" /></sodipodi:namedview><g id="blender_collection"><path id="path1" d="m1499.5309 100.43027-1299.9863.03711-.01171 299.99218s1299.68651 2.63656 1299.95121-.07812zm-1200.0234 399.99804.01562 799.92969 1099.99608.082-.0547-799.93357z" fill="#fff" transform="translate(.461255 99.540436)"/></g><path id="path2" d="m175.6648 99.948542c-48.15785-.323156-75.54556 25.527328-75.54725 76.532298l-.014 423.30849s57.2301.18883 99.92707.23534l.0469 822.68913c.69231 47.4171 25.65156 76.9025 76.74481 77.2317h1147.55127c51.7456 0 76.0346-27.6411 75.7384-77.572l-.054-822.45446c43.7336-.1314 99.986-.18248 99.986-.18248v-424.07111c0-51.0049-25.7441-76.054072-73.9019-75.730906zm24.55583 100.301818h1299.80377v299.88603l-1299.96685-.10128zm99.81 399.85649 1099.96687-.0725-.2031 800.44125-1099.80377-.1993z" fill-opacity=".5" stroke-width="99.8344"/><path id="handhold" d="m700.40998 701.40838c-136.44824.30561-129.50035 200.27886 0 199.99996h299.03314c133.05938-.075 132.82888-199.92785 0-199.99996z" fill-opacity=".940455" stroke-width=".995635"/></svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 752 B

After

Width:  |  Height:  |  Size: 1.4 KiB