Add Matter and Mattermost logos, update styles, and enhance Thread logo

- Added Matter and Mattermost logos in SVG format with appropriate attributes and color sets.
- Updated global CSS to include new color variables for default fills.
- Modified existing Mattermost logo to include additional color options.
- Replaced the Thread logo with a new SVG version.
This commit is contained in:
sHa
2025-06-10 18:00:35 +03:00
parent a94fdc992a
commit 222ab46fc3
7 changed files with 177 additions and 4 deletions

View File

@@ -554,6 +554,138 @@
}
}
},
{
"name": "Matter",
"path": "logos/matter.svg",
"format": "SVG",
"disable": false,
"brand": "Matter",
"tags": [
"IoT",
"Smart Home"
],
"colors": {
"dark_grey": "#524643",
"white": "#ffffff",
"black": "#000000"
},
"targets": {
"main": "#logo"
},
"sets": {
"dark_grey": {
"main": "dark_grey"
},
"white": {
"main": "white"
},
"black": {
"main": "black"
}
}
},
{
"name": "Matter",
"path": "logos/matter-icon.svg",
"format": "SVG",
"disable": false,
"brand": "Matter",
"tags": [
"IoT",
"Smart Home"
],
"colors": {
"dark_grey": "#524643",
"white": "#ffffff",
"black": "#000000"
},
"targets": {
"main": "#logo"
},
"sets": {
"dark_grey": {
"main": "dark_grey"
},
"white": {
"main": "white"
},
"black": {
"main": "black"
}
}
},
{
"name": "Mattermost",
"path": "logos/mattermost-icon.svg",
"format": "SVG",
"disable": false,
"tags": [
"Selfhosted",
"Communication",
"Video Conferencing",
"Office Suite"
],
"colors": {
"denim": "#1e325c",
"blue": "#0058cc",
"white": "#ffffff",
"black": "#000000"
},
"brand": "Mattermost",
"targets": {
"main": "path"
},
"sets": {
"denim": {
"main": "denim"
},
"blue": {
"main": "blue"
},
"white": {
"main": "white"
},
"black": {
"main": "black"
}
}
},
{
"name": "Mattermost",
"path": "logos/mattermost-line.svg",
"format": "SVG",
"disable": false,
"tags": [
"Selfhosted",
"Communication",
"Video Conferencing",
"Office Suite"
],
"colors": {
"denim": "#1e325c",
"blue": "#0058cc",
"white": "#ffffff",
"black": "#000000"
},
"brand": "Mattermost",
"targets": {
"main": "path"
},
"sets": {
"denim": {
"main": "denim"
},
"blue": {
"main": "blue"
},
"white": {
"main": "white"
},
"black": {
"main": "black"
}
}
},
{
"name": "Messenger",
"path": "logos/facebook-messenger.svg",
@@ -1313,15 +1445,27 @@
"Office Suite"
],
"colors": {
"denim": "#1e325c"
"denim": "#1e325c",
"blue": "#0058cc",
"white": "#ffffff",
"black": "#000000"
},
"brand": "Mattermost",
"targets": {
"main": "g"
},
"sets": {
"set_1": {
"denim": {
"main": "denim"
},
"blue": {
"main": "blue"
},
"white": {
"main": "white"
},
"black": {
"main": "black"
}
}
},
@@ -1512,6 +1656,13 @@
"Smart Home"
]
},
{
"name": "Thread",
"path": "logos/thread-net.svg",
"format": "SVG",
"disable": false,
"brand": "Thread"
},
{
"name": "Traefik Logo",
"path": "logos/traefik-logo.svg",

View File

@@ -14,6 +14,7 @@
--color-card: var(--card-background);
--color-accent: var(--primary-color);
--color-accent-hover: var(--primary-color-hover);
--color-default-fill: #c8aca5;
}
/* Dark theme overrides - using both media query and class-based approach */
@@ -45,6 +46,7 @@
--color-text: #333333;
--color-border: #ddd;
--color-accent: var(--primary-color);
--color-default-fill: #524643;
}
* {
@@ -116,7 +118,7 @@ button:hover {
background: var(--color-accent);
color: var(--white);
font-weight: bold;
outline: 2px solid var(--color-border);
/* outline: 2px solid var(--color-border); */
}
.copy-btn,
@@ -355,7 +357,7 @@ div.logo-image img {
max-height: 100%;
display: block;
object-fit: contain;
color: var(--color-text);
color: var(--color-default-fill);
}
/* Modal styles */

View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 256 251">
<path fill="currentColor" id="logo"
d="M76.02 64.287a82.3 82.3 0 0 0 37.215 17.077V8.556L128.064 0l14.816 8.556v72.808a82.4 82.4 0 0 0 37.228-17.077l26.92 15.57c-43.782 43.316-114.274 43.316-158.056 0zm32.717 185.928C124.35 190.623 89.072 129.57 29.645 113.34v31.152a82.4 82.4 0 0 1 33.413 23.686L0 204.582v17.124l14.828 8.51l63.047-36.404a82.3 82.3 0 0 1 3.814 40.774zM226.413 113.34c-59.395 16.266-94.634 77.305-79.023 136.875l26.979-15.582a82.4 82.4 0 0 1 3.814-40.775l63 36.358L256 221.66v-17.078l-63.058-36.404a82.5 82.5 0 0 1 33.413-23.686z" />
</svg>

After

Width:  |  Height:  |  Size: 660 B

4
public/logos/matter.svg Normal file
View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 512 110">
<path fill="currentColor" id="logo"
d="M33.367 28.217A36.1 36.1 0 0 0 49.7 35.713V3.755L56.21 0l6.503 3.755v31.958a36.2 36.2 0 0 0 16.34-7.496l11.816 6.834c-19.217 19.012-50.157 19.012-69.374 0zm14.36 81.607c6.853-26.156-8.632-52.953-34.715-60.077v13.674a36.16 36.16 0 0 1 14.665 10.396L0 89.795v7.516l6.508 3.735l27.673-15.978a36.1 36.1 0 0 1 1.674 17.897zm51.65-60.077c-26.07 7.14-41.537 33.93-34.684 60.077l11.841-6.839a36.2 36.2 0 0 1 1.674-17.897l27.652 15.958l6.504-3.755v-7.496L84.686 73.817A36.2 36.2 0 0 1 99.352 63.42zm215.853-3.974V35.05h6.417v54.744h-6.417V79.11a25.95 25.95 0 0 1-22.054 11.8c-15.575-.208-28.091-12.892-28.091-28.468s12.516-28.26 28.09-28.469a25.95 25.95 0 0 1 22.055 11.8m-22.054-5.404c-12.18 0-22.055 9.874-22.055 22.054s9.874 22.055 22.055 22.055a22.03 22.03 0 0 0 22.054-22.055c0-12.18-9.874-22.054-22.054-22.054m97.29-24.009l-6.411 3.68v15.01H351.44V16.36l-6.412 3.678V35.05h-8.605v6.178h8.605v36.053a12.386 12.386 0 0 0 12.437 12.513h9.542v-6.411h-9.542a6.107 6.107 0 0 1-6.025-6.023V41.229h32.614v36.053a12.366 12.366 0 0 0 12.355 12.513h9.623v-6.411h-9.623a6.107 6.107 0 0 1-5.943-6.025V41.23h15.566v-6.18h-15.567zM244.69 57.34v32.455h6.412V57.34c0-13.638-10.467-23.409-23.408-23.409c-8.37 0-15.994 4.3-20.217 13.063c-4.3-8.681-11.847-13.063-20.136-13.063c-12.915 0-23.408 9.745-23.408 23.409v32.455h6.416V57.34c0-10.096 7.598-16.971 16.971-16.971s17.027 6.875 17.027 16.97v32.456h6.412V57.34c0-10.096 7.597-16.971 16.97-16.971c9.374 0 16.961 6.875 16.961 16.97m264.888-16.971H512v-6.412h-2.422c-12.915 0-23.408 9.745-23.408 23.408V89.82h6.417V57.34c.02-9.996 7.466-16.833 16.71-16.97zm-65.382-6.062c15.42 0 28.006 12.267 28.458 27.624l.01.492c0 .626-.081 1.333-.081 1.96h-50.745c1.018 11.276 10.89 20.095 23.688 20.095c7.898 0 14.152-3.359 18.223-8.524l5.628 3.206c-5.241 7.124-13.607 11.734-23.85 11.734c-17.053 0-29.8-12.747-29.8-28.496c.208-15.575 12.893-28.091 28.469-28.091m-.003 6.062c-10.686 0-19.988 7.658-22.024 17.836h44.048c-2.036-10.178-11.338-17.836-22.024-17.836" />
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 256 256">
<path fill="currentColor"
d="M6.791 86.965C25.235 32.482 76.783-1.432 131.421.046L113.91 20.74C81.496 26.6 53.507 48.735 42.507 81.23c-16.366 48.347 11.066 101.317 61.272 118.315c50.207 16.994 104.174-8.421 120.54-56.766c10.965-32.387 2.27-66.847-19.756-91.18l-1.346-27.169c44.154 32.048 64.406 90.205 45.991 144.6c-22.662 66.941-95.298 102.837-162.24 80.176c-66.94-22.662-102.837-95.299-80.177-162.24m158.394-75.041a2.96 2.96 0 0 1 2.137-.098a2.97 2.97 0 0 1 1.614 1.334l.072.116l.064.134c.168.321.311.69.378 1.141c.132.89.192 2.985.216 5.13l.005.585c.006.683.009 1.36.01 1.994v.532c-.002 1.735-.017 3.035-.017 3.035l.503 18.933l.744 21.855l.927 37.98v.083l.001.045v.121c-.007 2.17-.452 18.049-11.717 29.085c-12.112 11.866-26.99 10.78-36.67 7.504c-9.68-3.278-22.158-11.453-24.572-28.237c-2.052-14.266 5.533-26.257 7.854-29.533l.155-.217c.316-.438.5-.668.5-.668l23.808-29.606l13.868-16.91l11.9-14.734s1.75-2.345 3.551-4.653l.36-.46a111 111 0 0 1 1.718-2.141l.305-.366c.444-.527.82-.952 1.085-1.208c.308-.3.625-.494.935-.645l.227-.116Z" />
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.3 KiB

View File

@@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 24 24">
<path fill="currentColor"
d="M16.259 8.754a1.094 1.094 0 0 0-2.188 0v1.094h1.093a1.1 1.1 0 0 0 1.095-1.094m5.481 1.207a9.95 9.95 0 1 0-9.831 11.959v-9.91H8.661a1.751 1.751 0 0 0 0 3.5v2.162a3.913 3.913 0 1 1 0-7.826h3.248V8.754a3.256 3.256 0 1 1 3.256 3.256h-1.094v9.7A9.92 9.92 0 0 0 21.74 9.961" />
</svg>

After

Width:  |  Height:  |  Size: 408 B