Mirrors/unleash.unleash
1
0
Fork 0
mirror of https://github.com/Unleash/unleash.git synced 2025-08-27 13:49:10 +02:00
Code Issues Projects Releases Wiki Activity

docs: add dark mode for course banners

Browse Source
This commit is contained in:
Thomas Heartman 2024-01-31 16:19:22 +09:00
parent 945df6d53a
commit d8234140a6
No known key found for this signature in database
GPG Key ID: BD1F880DAED1EE78
1 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
website/src/css/custom.css
View File

@ -432,10 +432,13 @@ html[data-theme='dark'] .links-container {
border: var(--ifm-global-border-width) solid var(--ifm-color-emphasis-200); border: var(--ifm-global-border-width) solid var(--ifm-color-emphasis-200);
padding: var(--banner-padding); padding: var(--banner-padding);
border-radius: var(--ifm-global-radius); border-radius: var(--ifm-global-radius);
background-color: #F1F0FC;
background-position: top right; background-position: top right;
background-repeat: no-repeat; background-repeat: no-repeat;
overflow: hidden; overflow: hidden;
}
html[data-theme='light'] .course-banner-container {
background-color: #F1F0FC;
color: var(--banner-font-color); color: var(--banner-font-color);
} }
@ -453,13 +456,22 @@ html[data-theme='dark'] .links-container {
} }
.course-banner-container .level { .course-banner-container .level {
border: 2px solid var(--ifm-link-color); border: 2px solid;
border-radius: 60px; border-radius: 60px;
color: var(--unleash-logo-purple);
padding-inline: .5em; padding-inline: .5em;
text-transform: capitalize; text-transform: capitalize;
} }
html[data-theme='light'] .course-banner-container .level {
border-color: var(--unleash-logo-purple);
color: var(--unleash-logo-purple);
}
html[data-theme='dark'] .course-banner-container .level {
border-color: var(--ifm-link-color);
color: var(--ifm-link-color);
}
.course-banner-container p { .course-banner-container p {
font-size: 1.4em; font-size: 1.4em;
} }