[Docs] Update logo in docs (#4500)

* WIP updating Elisa logo; issues with light/dark modes * Fix SVG in navbar rendering by hardcoding SVG + defining text color in css * Update readme images * newline --------- Co-authored-by: Zongheng Yang <[email protected]>
skypilot-org · Dec 21, 2024 · e596111 · e596111
1 parent ee3cabd
commit e596111
Show file tree

Hide file tree

Showing 9 changed files with 166 additions and 134 deletions.
diff --git a/docs/source/_static/SkyPilot_wide_dark.svg b/docs/source/_static/SkyPilot_wide_dark.svg
diff --git a/docs/source/_static/SkyPilot_wide_light.svg b/docs/source/_static/SkyPilot_wide_light.svg
diff --git a/docs/source/_static/custom.css b/docs/source/_static/custom.css
@@ -27,13 +27,15 @@ html[data-theme="light"] {
   --pst-color-primary: #176de8;
   --pst-color-secondary: var(--pst-color-primary);
   --pst-color-text-base: #4c4c4d;
+  --logo-text-color: #0E2E65;
 }
 
 html[data-theme="dark"] {
   --pst-color-link: #176de8;
   --pst-color-primary: #176de8;
   --pst-color-secondary: var(--pst-color-primary);
   --pst-color-text-base: #d8d8d8;
+  --logo-text-color: #D8D8D8;
 
   .bd-sidebar::-webkit-scrollbar {
     width: 6px;

diff --git a/docs/source/_static/custom.js b/docs/source/_static/custom.js
@@ -25,14 +25,9 @@ document.addEventListener('DOMContentLoaded', function () {
 document.addEventListener('DOMContentLoaded', () => {
     // New items:
     const newItems = [
-        { selector: '.toctree-l1 > a', text: 'Managed Jobs' },
-        { selector: '.toctree-l1 > a', text: 'Pixtral (Mistral AI)' },
         { selector: '.toctree-l1 > a', text: 'Many Parallel Jobs' },
-        { selector: '.toctree-l1 > a', text: 'Reserved, Capacity Blocks, DWS' },
-        { selector: '.toctree-l1 > a', text: 'Llama 3.2 (Meta)' },
         { selector: '.toctree-l1 > a', text: 'Admin Policy Enforcement' },
         { selector: '.toctree-l1 > a', text: 'Using Existing Machines' },
-        { selector: '.toctree-l1 > a', text: 'Concept: Sky Computing' },
     ];
     newItems.forEach(({ selector, text }) => {
         document.querySelectorAll(selector).forEach((el) => {