diff --git a/packages/console/app/src/asset/brand/opencode-brand-assets.zip b/packages/console/app/src/asset/brand/opencode-brand-assets.zip
index 1a145bbe..85d3635a 100644
Binary files a/packages/console/app/src/asset/brand/opencode-brand-assets.zip and b/packages/console/app/src/asset/brand/opencode-brand-assets.zip differ
diff --git a/packages/console/app/src/asset/brand/opencode-wordmark-simple-dark.png b/packages/console/app/src/asset/brand/opencode-wordmark-simple-dark.png
index 2e600713..945d4eb3 100644
Binary files a/packages/console/app/src/asset/brand/opencode-wordmark-simple-dark.png and b/packages/console/app/src/asset/brand/opencode-wordmark-simple-dark.png differ
diff --git a/packages/console/app/src/asset/brand/opencode-wordmark-simple-dark.svg b/packages/console/app/src/asset/brand/opencode-wordmark-simple-dark.svg
index 170be57c..afc323e4 100644
--- a/packages/console/app/src/asset/brand/opencode-wordmark-simple-dark.svg
+++ b/packages/console/app/src/asset/brand/opencode-wordmark-simple-dark.svg
@@ -4,14 +4,14 @@
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
diff --git a/packages/console/app/src/asset/brand/opencode-wordmark-simple-light.png b/packages/console/app/src/asset/brand/opencode-wordmark-simple-light.png
index aa08768b..6c1d0570 100644
Binary files a/packages/console/app/src/asset/brand/opencode-wordmark-simple-light.png and b/packages/console/app/src/asset/brand/opencode-wordmark-simple-light.png differ
diff --git a/packages/console/app/src/asset/brand/opencode-wordmark-simple-light.svg b/packages/console/app/src/asset/brand/opencode-wordmark-simple-light.svg
index 3c70adeb..29be2453 100644
--- a/packages/console/app/src/asset/brand/opencode-wordmark-simple-light.svg
+++ b/packages/console/app/src/asset/brand/opencode-wordmark-simple-light.svg
@@ -4,14 +4,14 @@
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
diff --git a/packages/console/app/src/asset/brand/preview-opencode-wordmark-simple-dark.png b/packages/console/app/src/asset/brand/preview-opencode-wordmark-simple-dark.png
index b2cc02bb..2910c7a2 100644
Binary files a/packages/console/app/src/asset/brand/preview-opencode-wordmark-simple-dark.png and b/packages/console/app/src/asset/brand/preview-opencode-wordmark-simple-dark.png differ
diff --git a/packages/console/app/src/asset/brand/preview-opencode-wordmark-simple-light.png b/packages/console/app/src/asset/brand/preview-opencode-wordmark-simple-light.png
index 106ccaf4..6ab84aa5 100644
Binary files a/packages/console/app/src/asset/brand/preview-opencode-wordmark-simple-light.png and b/packages/console/app/src/asset/brand/preview-opencode-wordmark-simple-light.png differ
diff --git a/packages/console/app/src/routes/brand/index.css b/packages/console/app/src/routes/brand/index.css
index 042e26ec..5a445f29 100644
--- a/packages/console/app/src/routes/brand/index.css
+++ b/packages/console/app/src/routes/brand/index.css
@@ -296,7 +296,7 @@
width: fit-content;
align-items: center;
gap: 12px;
- transition: background-color 0.2s ease;
+ transition: all 0.2s ease;
text-decoration: none;
@@ -304,6 +304,10 @@
background: var(--color-background-strong-hover);
}
+ &:active {
+ transform: scale(0.98);
+ }
+
&:disabled {
opacity: 0.6;
cursor: not-allowed;
@@ -345,18 +349,19 @@
opacity: 0;
transition: opacity 0.2s ease;
- @media (max-width: 60rem) {
+ @media (max-width: 40rem) {
position: static;
opacity: 1;
+ background: none;
margin-top: 1rem;
- justify-content: center;
+ justify-content: start;
}
}
[data-component="brand-grid"] > div:hover [data-component="actions"] {
opacity: 1;
- @media (max-width: 60rem) {
+ @media (max-width: 40rem) {
opacity: 1;
}
}
@@ -371,7 +376,7 @@
display: flex;
align-items: center;
gap: 12px;
- transition: background-color 0.2s ease;
+ transition: all 0.2s ease;
cursor: pointer;
box-shadow:
0 0 0 1px rgba(19, 16, 16, 0.08),
@@ -379,10 +384,20 @@
0 4px 3px -2px rgba(19, 16, 16, 0.12),
0 1px 2px -1px rgba(19, 16, 16, 0.12);
+ @media (max-width: 40rem) {
+ box-shadow:
+ 0 0 0 1px rgba(19, 16, 16, 0.16)
+ }
+
&:hover {
background: var(--color-background);
}
+
+ &:active {
+ transform: scale(0.98);
+ box-shadow: 0 0 0 1px rgba(19, 16, 16, 0.08), 0 6px 8px -8px rgba(19, 16, 16, 0.50);
+ }
}