shiran/discourse_theme_ran
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UX: More color fixes (#111)

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
about.json
+8 -8
View File
@@ -40,8 +40,8 @@
"Royal": { "Royal": {
"primary": "1A1A1A", "primary": "1A1A1A",
"secondary": "ffffff", "secondary": "ffffff",
"tertiary": "288EDC", "tertiary": "1F7BC1",
"tertiary-med-or-tertiary": "288EDC", "tertiary-med-or-tertiary": "1F7BC1",
"selected": "c7e3ff", "selected": "c7e3ff",
"header_background": "ffffff", "header_background": "ffffff",
"header_primary": "1A1A1A", "header_primary": "1A1A1A",
@@ -50,8 +50,8 @@
"Royal Dark": { "Royal Dark": {
"primary": "ffffff", "primary": "ffffff",
"secondary": "1A1A1A", "secondary": "1A1A1A",
"tertiary": "288EDC", "tertiary": "1F7BC1",
"tertiary-med-or-tertiary": "288EDC", "tertiary-med-or-tertiary": "1F7BC1",
"selected": "3a455f", "selected": "3a455f",
"header_background": "1A1A1A", "header_background": "1A1A1A",
"header_primary": "ffffff", "header_primary": "ffffff",
@@ -60,8 +60,8 @@
"Clover": { "Clover": {
"primary": "1A1A1A", "primary": "1A1A1A",
"secondary": "ffffff", "secondary": "ffffff",
"tertiary": "45a06e", "tertiary": "39845B",
"tertiary-med-or-tertiary": "45a06e", "tertiary-med-or-tertiary": "39845B",
"selected": "c6f1d5", "selected": "c6f1d5",
"header_background": "ffffff", "header_background": "ffffff",
"header_primary": "1A1A1A", "header_primary": "1A1A1A",
@@ -70,8 +70,8 @@
"Clover Dark": { "Clover Dark": {
"primary": "ffffff", "primary": "ffffff",
"secondary": "1A1A1A", "secondary": "1A1A1A",
"tertiary": "45a06e", "tertiary": "39845B",
"tertiary-med-or-tertiary": "45a06e", "tertiary-med-or-tertiary": "39845B",
"selected": "47594e", "selected": "47594e",
"header_background": "1A1A1A", "header_background": "1A1A1A",
"header_primary": "ffffff", "header_primary": "ffffff",
common/color_definitions.scss
+1 -5
View File
@@ -64,11 +64,7 @@ html {
// Search Colors // Search Colors
--search-color: light-dark( --search-color: light-dark(
oklch(from #{$tertiary} l c h), oklch(from #{$tertiary} l c h),
oklch(from #{$tertiary} calc(l * 1.5) c h) oklch(from #{$tertiary} calc(l * 1.5) calc(c * 0.25) 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)
) !important; ) !important;
// Topic Card Colors // Topic Card Colors
scss/nav-pills.scss
+2 -2
View File
@@ -47,7 +47,7 @@
.nav-pills > li button:hover { .nav-pills > li button:hover {
.discourse-no-touch & { .discourse-no-touch & {
background: transparent; background: transparent;
color: var(--accent-color); color: var(--d-nav-color--hover);
&::after { &::after {
content: ""; content: "";
position: absolute; position: absolute;
@@ -55,7 +55,7 @@
bottom: 0; bottom: 0;
right: 0; right: 0;
height: var(--d-nav-underline-height); height: var(--d-nav-underline-height);
background: var(--accent-color); background: var(--d-nav-color--hover);
} }
} }
} }
scss/search-banner.scss
+19 -16
View File
@@ -21,7 +21,7 @@
align-self: center; align-self: center;
margin: 0; margin: 0;
font-weight: 400; font-weight: 400;
color: var(--search-banner-text-color); color: var(--search-color);
@media screen and (max-width: 1028px) { @media screen and (max-width: 1028px) {
font-size: var(--font-up-4); font-size: var(--font-up-4);
grid-column: 1/-1; grid-column: 1/-1;
@@ -63,24 +63,27 @@
p { p {
display: none; display: none;
} }
.search-input { }
.search-menu .search-input,
.search-menu-container .search-input {
background: var(--d-content-background); background: var(--d-content-background);
border: 1px solid var(--search-color); border: 1px solid var(--search-color);
box-shadow: 0 4px 10px rgba(52, 6, 121, 15%); box-shadow: 0 4px 10px rgba(52, 6, 121, 15%);
} }
.search-menu .search-input:focus-within, .search-menu .search-input:focus-within,
.search-menu-container .search-input:focus-within { .search-menu-container .search-input:focus-within {
border: 1px solid var(--search-color); border: 1px solid var(--search-color);
outline: 2px solid var(--search-color); outline: 2px solid var(--search-color);
} }
.search-menu .d-icon, .search-menu .d-icon,
.search-menu .searching .d-icon { .search-menu .searching .d-icon,
color: var(--search-color); .search-menu .searching .show-advanced-search .d-icon {
} color: var(--search-color);
.panel-body { }
z-index: z("dropdown"); .panel-body {
} z-index: z("dropdown");
.results { }
background: var(--d-content-background); .results {
} background: var(--d-content-background);
} }