Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update docs theme #784

Merged
merged 9 commits into from
Apr 10, 2024
Merged

Update docs theme #784

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
c7ed751
:art: Add primary colors
pavithraes Mar 15, 2024
4347922
Update primary dark
pavithraes Mar 18, 2024
80d474e
Updating primary colours to fix a11y issues
smeragoel Mar 18, 2024
ceb4db7
Code syntax fix
smeragoel Mar 18, 2024
55e47cc
:art: Add custom breadcrumbs and footer-bg colors
pavithraes Mar 22, 2024
3b019f0
:broom: Formatting and clean-up
pavithraes Mar 22, 2024
09132cb
Merge branch 'main' into docs-theme
pavithraes Mar 22, 2024
9ba2cd3
Merge branch 'main' into docs-theme
pavithraes Apr 9, 2024
908167e
Update video background color
pavithraes Apr 9, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
43 changes: 24 additions & 19 deletions docusaurus-docs/src/css/custom.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,36 +4,37 @@
* work well for content-centric websites.
*/

/* You can override the default Infima variables here. */
/* Override the default Infima variables here. */
:root {
--ifm-color-primary: #2e8555;
--ifm-color-primary-dark: #29784c;
--ifm-color-primary-darker: #277148;
--ifm-color-primary-darkest: #205d3b;
--ifm-color-primary-light: #33925d;
--ifm-color-primary-lighter: #359962;
--ifm-color-primary-lightest: #3cad6e;
--ifm-color-primary: #298642;
--ifm-color-primary-dark: #206532;
--ifm-color-primary-darker: #144321;
--ifm-color-primary-darkest: #0a2210;
pavithraes marked this conversation as resolved.
Show resolved Hide resolved
--ifm-color-primary-light: #85cb97;
--ifm-color-primary-lighter: #addcba;
--ifm-color-primary-lightest: #d6eedc;
--ifm-code-font-size: 95%;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
--ifm-breadcrumb-color-active: var(--ifm-color-primary-dark);
}

/* For readability concerns, you should choose a lighter palette in dark mode. */
/* For readability concerns, choose a lighter palette in dark mode. */
[data-theme="dark"] {
--ifm-color-primary: #25c2a0;
--ifm-color-primary-dark: #21af90;
--ifm-color-primary-darker: #1fa588;
--ifm-color-primary-darkest: #1a8870;
--ifm-color-primary-light: #29d5b0;
--ifm-color-primary-lighter: #32d8b4;
--ifm-color-primary-lightest: #4fddbf;
--ifm-color-primary: #5cb975;
--ifm-color-primary-dark: #85cb97;
--ifm-color-primary-darker: #addcba;
--ifm-color-primary-darkest: #d6eedc;
--ifm-color-primary-light: #206532;
--ifm-color-primary-lighter: #144321;
--ifm-color-primary-lightest: #0a2210;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}

div[class^="announcementBar_"] {
font-weight: 500;
color: var(--ifm-color-black);
background-color: var(--ifm-color-primary-lightest);
border-bottom: 2px solid var(--ifm-color-primary-darkest);
color: var(--ifm-color-content);
background-color: var(--ifm-color-primary-light);
border-bottom: 1.5px solid var(--ifm-color-primary-darkest);
}

div[class^="announcementBarContent_"] {
Expand All @@ -47,6 +48,10 @@ img {
border-style: solid;
}

.footer--dark {
--ifm-footer-background-color: #242526;
}

/* Remove border (only) for conda-store logo in the top navbar */
.navbar__logo img {
border-width: 0;
Expand Down
2 changes: 1 addition & 1 deletion docusaurus-docs/src/pages/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -169,7 +169,7 @@ function HomepageFeatures() {
function HomepageVideo() {
const { siteConfig } = useDocusaurusContext();
return (
<header className={clsx("hero hero--secondary", styles.heroBanner)}>
<header className={clsx(styles.heroBanner)}>
<div className="container">
<img
src={useBaseUrl("/img/conda-store-ui.webp")}
Expand Down
Loading