UX: More color fixes (#111)

This commit is contained in:
Jordan Vidrine
2025-04-03 16:13:23 -05:00
committed by GitHub
parent d8c44934f4
commit cdcbffc483
4 changed files with 35 additions and 36 deletions
+8 -8
View File
@@ -40,8 +40,8 @@
"Royal": {
"primary": "1A1A1A",
"secondary": "ffffff",
"tertiary": "288EDC",
"tertiary-med-or-tertiary": "288EDC",
"tertiary": "1F7BC1",
"tertiary-med-or-tertiary": "1F7BC1",
"selected": "c7e3ff",
"header_background": "ffffff",
"header_primary": "1A1A1A",
@@ -50,8 +50,8 @@
"Royal Dark": {
"primary": "ffffff",
"secondary": "1A1A1A",
"tertiary": "288EDC",
"tertiary-med-or-tertiary": "288EDC",
"tertiary": "1F7BC1",
"tertiary-med-or-tertiary": "1F7BC1",
"selected": "3a455f",
"header_background": "1A1A1A",
"header_primary": "ffffff",
@@ -60,8 +60,8 @@
"Clover": {
"primary": "1A1A1A",
"secondary": "ffffff",
"tertiary": "45a06e",
"tertiary-med-or-tertiary": "45a06e",
"tertiary": "39845B",
"tertiary-med-or-tertiary": "39845B",
"selected": "c6f1d5",
"header_background": "ffffff",
"header_primary": "1A1A1A",
@@ -70,8 +70,8 @@
"Clover Dark": {
"primary": "ffffff",
"secondary": "1A1A1A",
"tertiary": "45a06e",
"tertiary-med-or-tertiary": "45a06e",
"tertiary": "39845B",
"tertiary-med-or-tertiary": "39845B",
"selected": "47594e",
"header_background": "1A1A1A",
"header_primary": "ffffff",
+1 -5
View File
@@ -64,11 +64,7 @@ html {
// Search Colors
--search-color: light-dark(
oklch(from #{$tertiary} l c h),
oklch(from #{$tertiary} calc(l * 1.5) c h)
) !important;
--search-banner-text-color: light-dark(
oklch(from #{$tertiary} calc(l * 0.65) calc(c * 0.65) h),
oklch(from #{$tertiary} calc(l * 1.5) c h)
oklch(from #{$tertiary} calc(l * 1.5) calc(c * 0.25) h)
) !important;
// Topic Card Colors
+2 -2
View File
@@ -47,7 +47,7 @@
.nav-pills > li button:hover {
.discourse-no-touch & {
background: transparent;
color: var(--accent-color);
color: var(--d-nav-color--hover);
&::after {
content: "";
position: absolute;
@@ -55,7 +55,7 @@
bottom: 0;
right: 0;
height: var(--d-nav-underline-height);
background: var(--accent-color);
background: var(--d-nav-color--hover);
}
}
}
+24 -21
View File
@@ -21,7 +21,7 @@
align-self: center;
margin: 0;
font-weight: 400;
color: var(--search-banner-text-color);
color: var(--search-color);
@media screen and (max-width: 1028px) {
font-size: var(--font-up-4);
grid-column: 1/-1;
@@ -63,24 +63,27 @@
p {
display: none;
}
.search-input {
background: var(--d-content-background);
border: 1px solid var(--search-color);
box-shadow: 0 4px 10px rgba(52, 6, 121, 15%);
}
.search-menu .search-input:focus-within,
.search-menu-container .search-input:focus-within {
border: 1px solid var(--search-color);
outline: 2px solid var(--search-color);
}
.search-menu .d-icon,
.search-menu .searching .d-icon {
color: var(--search-color);
}
.panel-body {
z-index: z("dropdown");
}
.results {
background: var(--d-content-background);
}
}
.search-menu .search-input,
.search-menu-container .search-input {
background: var(--d-content-background);
border: 1px solid var(--search-color);
box-shadow: 0 4px 10px rgba(52, 6, 121, 15%);
}
.search-menu .search-input:focus-within,
.search-menu-container .search-input:focus-within {
border: 1px solid var(--search-color);
outline: 2px solid var(--search-color);
}
.search-menu .d-icon,
.search-menu .searching .d-icon,
.search-menu .searching .show-advanced-search .d-icon {
color: var(--search-color);
}
.panel-body {
z-index: z("dropdown");
}
.results {
background: var(--d-content-background);
}