Skip to content

Commit

Permalink
Add color pallet and logo svg
Browse files Browse the repository at this point in the history
  • Loading branch information
@BillChirico
BillChirico committed Nov 8, 2023
1 parent 98a6fab commit 9233078
Show file tree
Hide file tree
Showing 3 changed files with 76 additions and 16 deletions.
5 changes: 3 additions & 2 deletions docusaurus.config.ts
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,8 +59,9 @@ const config: Config = {
navbar: {
title: 'Volvox.Apollo Docs',
logo: {
alt: 'olvox.Apollo Logo',
src: 'img/Apollo-Logo.png',
alt: 'Volvox.Apollo Logo',
src: 'svg/Apollo-Logo.svg',
className: 'logo',
},
items: [
{
Expand Down
75 changes: 61 additions & 14 deletions src/css/custom.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -8,27 +8,27 @@

/* You can 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: #218AFF;
--ifm-color-primary-dark: #1D7BE3;
--ifm-color-primary-darker: #1A6BC6;
--ifm-color-primary-darkest: #165CAA;
--ifm-color-primary-light: #3A97FF;
--ifm-color-primary-lighter: #52A4FF;
--ifm-color-primary-lightest: #6BB1FF;
--ifm-code-font-size: 95%;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1);
--ifm-font-family-base: 'JetBrains Mono';
}

/* For readability concerns, you should 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: #218AFF;
--ifm-color-primary-dark: #1D7BE3;
--ifm-color-primary-darker: #1A6BC6;
--ifm-color-primary-darkest: #165CAA;
--ifm-color-primary-light: #3A97FF;
--ifm-color-primary-lighter: #52A4FF;
--ifm-color-primary-lightest: #6BB1FF;
--docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
}

Expand Down Expand Up @@ -170,6 +170,53 @@ html[data-theme='light'] .twitter-link {
}
}


// Logo Dark Icon
html[data-theme='dark'] .logo {
align-items: center;
display: flex;

&:before {
align-self: center;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyODEuMzMzIiBoZWlnaHQ9IjI5NiIgdmVyc2lvbj0iMS4wIiB2aWV3Qm94PSIwIDAgMjExIDIyMiI+PHBhdGggZD0iTTMxLjMgMS41Yy03LjkgMi4yLTEzLjEgNS4yLTE4LjkgMTAuOS0xNSAxNS4xLTE2LjMgMzcuNC0zIDU1LjMgMi4zIDMuMiAxMCAxMi4xIDE3LjEgMTkuOEM1Mi43IDExNiA1NiAxMjMuMyA2MCAxNjAuM2MzLjMgMzAuNiA2IDM5LjMgMTQuOCA0OC41IDIxLjggMjIuOSA1OSAxNC40IDY5LjItMTUuOSAxLjgtNS4zIDIuMS03LjkgMS43LTE0LjctLjgtMTQuMi01LjMtMjEuNC0yOS43LTQ3LjctMjEuOC0yMy42LTI1LjktMzMuMi0zMC03MC0yLjUtMjMuMS00LjgtMzIuOS05LjMtNDAuM0M2Ny40IDQuNiA0OC42LTMuMSAzMS4zIDEuNXoiLz48cGF0aCBkPSJNMTU5IDEuNGMtNi44IDEuOS0xMi44IDUuMy0xOCAxMC4yLTkuNCA4LjgtMTIuOCAxOC45LTE2IDQ4LjItMy4xIDI4LjQtNS4zIDM2LjctMTMuMSA0OS42LTQuMSA2LjgtNC4xIDYuOC0yLjEgOC45IDEgMS4yIDcuOCA4LjcgMTUgMTYuNSAxNS4xIDE2LjcgMTkuNiAyMi45IDIyLjcgMzEuM2wyLjIgNi4yIDEuMi0xMi40YzMuNS0zNC45IDcuOC00NC4yIDMzLjEtNzEuOSAxNS41LTE2LjkgMjEuMy0yNC44IDI0LjItMzIuMyA1LjUtMTQuNCAyLTMxLjEtOC44LTQyLjctMTAtMTAuNy0yNi41LTE1LjQtNDAuNC0xMS42eiIvPjwvc3ZnPg==") 0 0/contain;
content: '';
display: inline-flex;
height: 24px;
width: 24px;
margin-right: 0.5rem;
color: var(--ifm-navbar-link-color);
}

&:hover {
&:before {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyODEuMzMzIiBoZWlnaHQ9IjI5NiIgdmVyc2lvbj0iMS4wIiB2aWV3Qm94PSIwIDAgMjExIDIyMiI+PHBhdGggZD0iTTMxLjMgMS41Yy03LjkgMi4yLTEzLjEgNS4yLTE4LjkgMTAuOS0xNSAxNS4xLTE2LjMgMzcuNC0zIDU1LjMgMi4zIDMuMiAxMCAxMi4xIDE3LjEgMTkuOEM1Mi43IDExNiA1NiAxMjMuMyA2MCAxNjAuM2MzLjMgMzAuNiA2IDM5LjMgMTQuOCA0OC41IDIxLjggMjIuOSA1OSAxNC40IDY5LjItMTUuOSAxLjgtNS4zIDIuMS03LjkgMS43LTE0LjctLjgtMTQuMi01LjMtMjEuNC0yOS43LTQ3LjctMjEuOC0yMy42LTI1LjktMzMuMi0zMC03MC0yLjUtMjMuMS00LjgtMzIuOS05LjMtNDAuM0M2Ny40IDQuNiA0OC42LTMuMSAzMS4zIDEuNXoiLz48cGF0aCBkPSJNMTU5IDEuNGMtNi44IDEuOS0xMi44IDUuMy0xOCAxMC4yLTkuNCA4LjgtMTIuOCAxOC45LTE2IDQ4LjItMy4xIDI4LjQtNS4zIDM2LjctMTMuMSA0OS42LTQuMSA2LjgtNC4xIDYuOC0yLjEgOC45IDEgMS4yIDcuOCA4LjcgMTUgMTYuNSAxNS4xIDE2LjcgMTkuNiAyMi45IDIyLjcgMzEuM2wyLjIgNi4yIDEuMi0xMi40YzMuNS0zNC45IDcuOC00NC4yIDMzLjEtNzEuOSAxNS41LTE2LjkgMjEuMy0yNC44IDI0LjItMzIuMyA1LjUtMTQuNCAyLTMxLjEtOC44LTQyLjctMTAtMTAuNy0yNi41LTE1LjQtNDAuNC0xMS42eiIvPjwvc3ZnPg==") 0 0/contain;
}
}
}

// Logo Light Icon
html[data-theme='light'] .logo {
align-items: center;
display: flex;

&:before {
align-self: center;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyODEuMzMzIiBoZWlnaHQ9IjI5NiIgdmVyc2lvbj0iMS4wIiB2aWV3Qm94PSIwIDAgMjExIDIyMiI+PHBhdGggZD0iTTMxLjMgMS41Yy03LjkgMi4yLTEzLjEgNS4yLTE4LjkgMTAuOS0xNSAxNS4xLTE2LjMgMzcuNC0zIDU1LjMgMi4zIDMuMiAxMCAxMi4xIDE3LjEgMTkuOEM1Mi43IDExNiA1NiAxMjMuMyA2MCAxNjAuM2MzLjMgMzAuNiA2IDM5LjMgMTQuOCA0OC41IDIxLjggMjIuOSA1OSAxNC40IDY5LjItMTUuOSAxLjgtNS4zIDIuMS03LjkgMS43LTE0LjctLjgtMTQuMi01LjMtMjEuNC0yOS43LTQ3LjctMjEuOC0yMy42LTI1LjktMzMuMi0zMC03MC0yLjUtMjMuMS00LjgtMzIuOS05LjMtNDAuM0M2Ny40IDQuNiA0OC42LTMuMSAzMS4zIDEuNXoiLz48cGF0aCBkPSJNMTU5IDEuNGMtNi44IDEuOS0xMi44IDUuMy0xOCAxMC4yLTkuNCA4LjgtMTIuOCAxOC45LTE2IDQ4LjItMy4xIDI4LjQtNS4zIDM2LjctMTMuMSA0OS42LTQuMSA2LjgtNC4xIDYuOC0yLjEgOC45IDEgMS4yIDcuOCA4LjcgMTUgMTYuNSAxNS4xIDE2LjcgMTkuNiAyMi45IDIyLjcgMzEuM2wyLjIgNi4yIDEuMi0xMi40YzMuNS0zNC45IDcuOC00NC4yIDMzLjEtNzEuOSAxNS41LTE2LjkgMjEuMy0yNC44IDI0LjItMzIuMyA1LjUtMTQuNCAyLTMxLjEtOC44LTQyLjctMTAtMTAuNy0yNi41LTE1LjQtNDAuNC0xMS42eiIvPjwvc3ZnPg==") 0 0/contain;
content: '';
display: inline-flex;
height: 24px;
width: 24px;
margin-right: 0.5rem;
color: var(--ifm-navbar-link-color);
}

&:hover {
&:before {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyODEuMzMzIiBoZWlnaHQ9IjI5NiIgdmVyc2lvbj0iMS4wIiB2aWV3Qm94PSIwIDAgMjExIDIyMiI+PHBhdGggZD0iTTMxLjMgMS41Yy03LjkgMi4yLTEzLjEgNS4yLTE4LjkgMTAuOS0xNSAxNS4xLTE2LjMgMzcuNC0zIDU1LjMgMi4zIDMuMiAxMCAxMi4xIDE3LjEgMTkuOEM1Mi43IDExNiA1NiAxMjMuMyA2MCAxNjAuM2MzLjMgMzAuNiA2IDM5LjMgMTQuOCA0OC41IDIxLjggMjIuOSA1OSAxNC40IDY5LjItMTUuOSAxLjgtNS4zIDIuMS03LjkgMS43LTE0LjctLjgtMTQuMi01LjMtMjEuNC0yOS43LTQ3LjctMjEuOC0yMy42LTI1LjktMzMuMi0zMC03MC0yLjUtMjMuMS00LjgtMzIuOS05LjMtNDAuM0M2Ny40IDQuNiA0OC42LTMuMSAzMS4zIDEuNXoiLz48cGF0aCBkPSJNMTU5IDEuNGMtNi44IDEuOS0xMi44IDUuMy0xOCAxMC4yLTkuNCA4LjgtMTIuOCAxOC45LTE2IDQ4LjItMy4xIDI4LjQtNS4zIDM2LjctMTMuMSA0OS42LTQuMSA2LjgtNC4xIDYuOC0yLjEgOC45IDEgMS4yIDcuOCA4LjcgMTUgMTYuNSAxNS4xIDE2LjcgMTkuNiAyMi45IDIyLjcgMzEuM2wyLjIgNi4yIDEuMi0xMi40YzMuNS0zNC45IDcuOC00NC4yIDMzLjEtNzEuOSAxNS41LTE2LjkgMjEuMy0yNC44IDI0LjItMzIuMyA1LjUtMTQuNCAyLTMxLjEtOC44LTQyLjctMTAtMTAuNy0yNi41LTE1LjQtNDAuNC0xMS42eiIvPjwvc3ZnPg==") 0 0/contain;
}
}
}

// Footer
.designedBy {
display: inline-flex;
Expand Down
12 changes: 12 additions & 0 deletions static/svg/Apollo-Logo.svg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 9233078

Please sign in to comment.