solara-ui 1.45.0__py3-none-any.whl

solara/website/assets/custom.css

@@ -0,0 +1,444 @@
+/* General */
+:root {
+    --container-width: 800px;
+    --color-primary-lightest: #ffeec5;
+    --color-primary: #ff991f;
+    --color-primary-darker: #dc7f0f;
+    --color-text: #636363;
+    --color-grey: #545454;
+    --color-grey-light: #f9f9f9;
+    --font-size: 16px;
+
+    --jp-content-heading-line-height: 1.5em;
+
+    --jp-content-font-family: "Open Sans", Arial, Helvetica, sans-serif;
+    --jp-content-heading-font-weight: bold;
+    --jp-content-link-color: var(--color-primary);
+
+    --jp-content-font-size2: 1.5rem;
+    --jp-content-font-size3: 1.75rem;
+    --jp-content-font-size4: 2rem;
+    --jp-content-font-size5: 2.25rem;
+
+    --dark-color-primary-lightest: #26273D;
+    /* --dark-color-primary: #7A8AFF; */
+    --dark-color-primary: #f77e14;
+    --dark-color-primary-darker: #303886;
+    --dark-color-text: hsla(0,0%,100%,.7);
+    --dark-color-grey: #ababab;
+    --dark-color-grey-light: #202020;
+
+    --docs-color-grey: #40362E;
+    --docs-social-discord: #5865F2;
+    --docs-social-github: #333;
+    --docs-social-twitter: #000000;
+}
+
+.theme--dark {
+    --color-border-appbar: hsla(0,0%,100%,.12);
+    --color-material-background: #1e1e1e;
+    --color-text-fade: hsla(0,0%,100%,.7);
+}
+.theme--light {
+    --color-border-appbar: rgba(0,0,0,.12);
+    --color-material-background: #fff;
+    --color-text-fade: rgba(0,0,0,.6);
+}
+
+html,
+body,
+p,
+ul,
+li {
+    color: var(--color-text);
+    font-size: var(--font-size);
+}
+.theme--dark p, .theme--dark ul, .theme--dark li {
+    color: var(--dark-color-text);
+}
+
+a {
+    transition: color 0.3s ease;
+}
+
+a:link {
+    color: var(--color-primary);
+}
+
+.theme--dark a:link {
+    color: var(--dark-color-primary);
+}
+
+.theme--dark .jp-RenderedHTMLCommon a:visited {
+    color: var(--dark-color-primary);
+}
+
+.jp-RenderedHTMLCommon pre {
+    background-color: var(--color-grey-light);
+    display: block;
+    border-radius: 1rem;
+    padding: 1.75rem 2.5rem;
+    margin: 0.5rem 0;
+}
+
+.theme--dark .jp-RenderedHTMLCommon pre {
+    background-color: var(--dark-color-grey-light);
+}
+
+.code {
+    padding: 0;
+    margin: 0;
+}
+
+.text-center {
+    text-align: center;
+}
+
+.bg-primary {
+    background-color: var(--color-primary);
+}
+
+.theme--dark .bg-primary {
+    background-color: var(--dark-color-primary);
+}
+
+.bg-primary-fade {
+    background-color: var(--color-primary-lightest) !important;
+}
+
+.theme--dark .bg-primary-fade {
+    background-color: var(--dark-color-primary-lightest) !important;
+}
+
+.padding-40 {
+    padding: 40px !important;
+}
+
+h1 {
+    font-size: 2.4rem;
+}
+
+.bg-grey {
+    background-color: var(--color-grey-light);
+}
+
+.theme--dark .bg-grey {
+    background-color: var(--dark-color-grey-light);
+}
+
+li::marker {
+    color: var(--color-primary);
+    font-size: 1.2em;
+    font-weight: bold;
+}
+
+.theme--dark li::marker {
+    color: var(--dark-color-primary);
+}
+
+blockquote,
+.jp-RenderedHTMLCommon blockquote {
+    font-family: "Courier New", Courier, monospace;
+    border-left: 8px solid var(--color-primary);
+    margin: 1rem 0;
+    padding: 1rem 1rem 1rem 4rem;
+    position: relative;
+    z-index: 0;
+    background: no-repeat left center url("data:image/svg+xml,%3Csvg width='25' height='25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' fill='%23FF991F'%3E%3Cpath d='M12.24 0C5.49 0 0 5.49 0 12.24s5.49 12.24 12.24 12.24 12.24-5.49 12.24-12.24S19 0 12.24 0zm0 22.26c-5.52 0-10.02-4.49-10.02-10.02 0-5.53 4.5-10.01 10.02-10.01s10.02 4.49 10.02 10.02c0 5.53-4.49 10.02-10.02 10.02v-.01z'/%3E%3Cpath d='M12.24 9.65c-.61 0-1.11.5-1.11 1.11v7.42c0 .61.5 1.11 1.11 1.11.61 0 1.11-.5 1.11-1.11v-7.42c0-.61-.5-1.11-1.11-1.11zM12.24 5.19a1.13 1.13 0 0 0-1.12 1.12c0 .3.12.58.33.79a1.112 1.112 0 0 0 1.58 0 1.112 1.112 0 0 0 0-1.58c-.21-.21-.49-.33-.79-.33z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24.49v24.49H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
+    background-color: var(--color-grey-light);
+    background-position: 1.2rem center;
+}
+
+.theme--dark blockquote,
+.theme--dark .jp-RenderedHTMLCommon blockquote {
+    border-left: 8px solid var(--dark-color-primary);
+    background-color: var(--dark-color-grey-light);
+}
+
+blockquote p:last-child {
+    margin-bottom: 0;
+}
+
+.footer-wrapper{
+    width: 100%;
+    padding: 50px 0;
+    flex-wrap: wrap;
+    row-gap: 2.5em;
+}
+
+.row-container{
+    width: 60%;
+    flex-wrap: wrap;
+}
+.row-container > div{
+    max-width: 500px;
+}
+
+.v-btn.homepage-button {
+    background-color: var(--color-primary-darker) !important;
+}
+
+.theme--dark .v-btn.homepage-button {
+    background-color: var(--dark-color-primary) !important;
+    color: var(--dark-color-grey-light);
+}
+
+.v-card.testimonial-card{
+    background-color: var(--color-primary-lightest);
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+}
+
+.theme--dark .v-card.testimonial-card{
+    background-color: var(--dark-color-primary-lightest);
+}
+
+/* Algolia search results styling */
+.algolia-docsearch-suggestion--highlight {
+    color: var(--color-primary);
+    font-weight: 700;
+}
+
+/* API PAGE REFACTOR STYLE */
+
+.v-sheet.api-search-container{
+    flex-grow: 1;
+}
+    .v-sheet.api-search-container .v-input{
+        flex-grow: 0;
+    }
+.v-sheet.docs-card-container{
+    width: 100%;
+    justify-content: start;
+    align-content: stretch;
+    flex-wrap: wrap !important;
+    flex-grow: 1;
+    row-gap: 20px;
+}
+.v-sheet.docs-card-container > a{
+    height: fit-content;
+}
+.v-sheet.docs-card-container > a > .docs-card{
+    display: flex;
+    flex-grow: 1;
+    height: 4rem;
+    border-radius: 16px !important;
+    color: var(--color-grey-light);
+}
+    .v-sheet.docs-card-container > a > .docs-card > h2 {
+        padding: 0 24px;
+    }
+    .v-sheet.docs-card-container > a .docs-card-icon{
+        padding-right: 1.5rem;
+        transition: ease padding 0.25s;
+    }
+    .v-sheet.docs-card-container > a:hover .docs-card-icon{
+        color: var(--color-primary);
+        padding-right: 0.5rem;
+        transition: ease padding 0.25s;
+    }
+.component-card{
+    display: flex;
+    flex-direction: column;
+    width: 19rem;
+}
+.social-logo-container{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 4rem;
+    height: 4rem;
+    border-radius: 8px;
+}
+
+.v-navigation-drawer__content .algolia {
+    padding: 0.35rem;
+}
+
+@media screen and (max-width: 960px) {
+    .header-logo-container{
+        justify-content: center !important;
+    }
+}
+
+/* vuetify component overrides */
+
+.v-btn.solara-docs-button {
+    font-weight: bold;
+    border-radius: 10px;
+}
+
+.btn-size--xlarge {
+    height: 4.25rem !important;
+    padding: 0 2rem !important;
+    font-size: 1.125rem !important;
+}
+
+/* overriding styles that didn't set primary color */
+.theme--light.v-application .text--primary {
+    color: var(--color-primary-darker) !important;
+}
+
+.theme--dark.v-application .text--primary {
+    color: var(--dark-color-primary-darker) !important;
+}
+
+/* header */
+.header-logo {
+    display: block;
+    height: 100%;
+    margin: 0;
+}
+.news {
+    background-color: var(--color-primary);
+    padding: 10px;
+    font-size: 20px;
+    display: flex;
+    justify-content: center;
+}
+.theme--dark .news {
+    background-color: var(--dark-color-primary);
+}
+.news a {
+    color: white !important;
+}
+
+
+/* fixes padding issue on drawer menu */
+.v-list-group__items {
+    padding-left: 1rem;
+}
+
+/* menu */
+
+.menu {
+    list-style: none;
+    display: flex;
+}
+
+.menu li a:link,
+.menu li a:visited {
+    color: var(--color-grey);
+}
+
+.theme--dark .menu li a:link,
+.theme--dark .menu li a:visited {
+    color: var(--dark-color-grey);
+}
+
+.menu li a:hover {
+    color: var(--color-primary);
+}
+
+.theme--dark .menu li a:hover {
+    color: var(--dark-color-primary);
+}
+
+.menu li a:link {
+    display: block;
+    padding: 0.75rem;
+}
+
+.menu .active {
+    font-weight: bolder;
+}
+
+/* sidebar */
+
+.sidebar {
+    display: flex;
+    justify-content: right;
+    padding: 4rem;
+}
+
+.sidebar ul li {
+    font-size: 1.3rem;
+}
+
+.sidebar ul a {
+    display: block;
+}
+
+.sidebar a:link,
+.sidebar a:visited {
+    color: var(--color-grey);
+}
+
+.theme--dark .sidebar a:link,
+.theme--dark .sidebar a:visited {
+    color: var(--dark-color-grey);
+}
+
+.sidebar a:hover {
+    color: var(--color-primary);
+    text-decoration: none;
+}
+
+.theme--dark .sidebar a:hover {
+    color: var(--dark-color-primary);
+}
+
+.sidebar ul li {
+    font-weight: normal;
+    margin: 0.8rem auto;
+}
+
+.sidebar>div>ul>li {
+    font-weight: bold;
+    margin: 1.4rem auto;
+}
+
+.sidebar li ul {
+    margin: 0.8rem 0;
+}
+
+.sidebar>div>ul>li>a:link,
+.sidebar>div>ul>li>a:visited {
+    color: black;
+}
+
+.sidebar li.active {
+    font-weight: bolder;
+}
+
+.jp-RenderedHTMLCommon {
+    padding-right: 0;
+}
+
+/* MAILCHIMP */
+
+#mc_embed_signup {
+    background: transparent;
+    clear: left;
+    width: 100%;
+}
+#mc_embed_signup .indicates-required{
+    margin-right: 0;
+}
+#mc_embed_signup .mc-field-group{
+    width: 100%;
+}
+#mc_embed_signup_scroll > div.mc-field-group:nth-child(3){
+    display: none;
+}
+
+
+/* MOBILE */
+
+@media screen and (aspect-ratio < 1) {
+    .container.fill-height > .ma-8.row{
+        max-width: 80%;
+    }
+    .footer-wrapper{
+        padding: 25px;
+        row-gap: 1em;
+    }
+    .row-container{
+        width: calc(100% - 16px);
+        padding: 12px;
+    }
+        .row-container > div{
+            max-width: 300px;
+        }
+}

solara/website/assets/images/logo.svg

@@ -0,0 +1,17 @@
+<svg width="241" height="65" viewBox="0 0 241 65" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1_12)">
+<path d="M57.11 30.64L61.47 17.87L48.7 13.51L42.76 1.39999L30.65 7.34999L17.87 2.97999L13.51 15.75L1.40002 21.7L7.35002 33.81L2.99002 46.58L15.76 50.94L21.71 63.06L33.82 57.11L46.59 61.47L50.95 48.7L63.06 42.75L57.11 30.64ZM54.26 34.39L34.39 54.26C33.19 55.46 31.25 55.46 30.05 54.26L10.2 34.4C9.00002 33.2 9.00002 31.26 10.2 30.07L30.06 10.2C31.26 8.99999 33.2 8.99999 34.4 10.2L54.27 30.07C55.47 31.27 55.47 33.21 54.27 34.4L54.26 34.39Z" fill="#FFCF64"/>
+<path d="M53.62 19.42L51.65 6.07L38.3 8.04L27.46 0L19.42 10.84L6.07 12.82L8.04 26.17L0 37L10.84 45.04L12.81 58.39L26.16 56.42L37 64.46L45.04 53.62L58.39 51.64L56.42 38.29L64.46 27.45L53.62 19.4V19.42ZM52.8 24.06L44.24 50.82C43.72 52.43 42 53.32 40.39 52.81L13.63 44.25C12.02 43.74 11.13 42.01 11.64 40.4L20.21 13.64C20.72 12.03 22.45 11.14 24.06 11.65L50.82 20.21C52.43 20.72 53.32 22.45 52.81 24.06H52.8Z" fill="#FF8C3E"/>
+<path d="M93.27 24.79C92.82 24.22 92.21 23.8 91.44 23.53C90.67 23.26 89.94 23.12 89.26 23.12C88.86 23.12 88.44 23.17 88.02 23.26C87.59 23.35 87.19 23.5 86.81 23.7C86.43 23.9 86.12 24.17 85.89 24.5C85.65 24.83 85.54 25.23 85.54 25.71C85.54 26.47 85.82 27.05 86.39 27.45C86.96 27.85 87.67 28.2 88.54 28.48C89.4 28.76 90.33 29.05 91.33 29.33C92.32 29.61 93.25 30.02 94.12 30.54C94.98 31.06 95.7 31.76 96.27 32.63C96.84 33.51 97.12 34.68 97.12 36.15C97.12 37.62 96.86 38.77 96.34 39.81C95.82 40.85 95.11 41.72 94.23 42.4C93.34 43.09 92.31 43.6 91.14 43.93C89.97 44.26 88.73 44.43 87.43 44.43C85.8 44.43 84.28 44.18 82.89 43.68C81.49 43.18 80.19 42.38 78.98 41.27L82.92 36.94C83.49 37.7 84.2 38.28 85.07 38.7C85.93 39.11 86.83 39.32 87.75 39.32C88.2 39.32 88.66 39.27 89.12 39.16C89.58 39.05 90 38.89 90.36 38.68C90.73 38.47 91.02 38.2 91.25 37.86C91.47 37.53 91.59 37.14 91.59 36.69C91.59 35.93 91.3 35.34 90.72 34.9C90.14 34.46 89.41 34.09 88.54 33.78C87.66 33.47 86.72 33.16 85.7 32.86C84.68 32.55 83.73 32.14 82.86 31.62C81.98 31.1 81.26 30.41 80.68 29.56C80.1 28.71 79.81 27.58 79.81 26.19C79.81 24.8 80.08 23.66 80.61 22.64C81.14 21.62 81.85 20.77 82.74 20.08C83.63 19.39 84.65 18.88 85.81 18.54C86.97 18.2 88.17 18.02 89.4 18.02C90.82 18.02 92.19 18.22 93.52 18.62C94.85 19.02 96.04 19.7 97.11 20.64L93.31 24.79H93.27Z" fill="#0F0F0F"/>
+<path d="M103.42 31.22C103.42 29.21 103.76 27.39 104.43 25.75C105.1 24.12 106.05 22.73 107.25 21.58C108.46 20.43 109.89 19.55 111.55 18.93C113.21 18.31 115.02 18.01 116.98 18.01C118.94 18.01 120.76 18.32 122.41 18.93C124.07 19.55 125.5 20.43 126.71 21.58C127.92 22.73 128.86 24.12 129.53 25.75C130.2 27.38 130.54 29.21 130.54 31.22C130.54 33.23 130.2 35.05 129.53 36.69C128.86 38.32 127.91 39.71 126.71 40.86C125.5 42.01 124.07 42.89 122.41 43.51C120.75 44.13 118.94 44.43 116.98 44.43C115.02 44.43 113.2 44.12 111.55 43.51C109.89 42.89 108.46 42.01 107.25 40.86C106.04 39.71 105.1 38.32 104.43 36.69C103.76 35.06 103.42 33.23 103.42 31.22ZM109.17 31.22C109.17 32.4 109.35 33.49 109.72 34.47C110.09 35.45 110.61 36.3 111.3 37.03C111.99 37.75 112.81 38.31 113.77 38.72C114.73 39.12 115.8 39.32 116.98 39.32C118.16 39.32 119.23 39.12 120.19 38.72C121.15 38.32 121.97 37.76 122.66 37.03C123.35 36.31 123.87 35.46 124.24 34.47C124.61 33.49 124.79 32.4 124.79 31.22C124.79 30.04 124.61 28.98 124.24 27.99C123.87 27 123.35 26.14 122.66 25.42C121.97 24.7 121.15 24.14 120.19 23.73C119.23 23.33 118.16 23.13 116.98 23.13C115.8 23.13 114.73 23.33 113.77 23.73C112.81 24.13 111.99 24.69 111.3 25.42C110.61 26.14 110.09 27 109.72 27.99C109.35 28.98 109.17 30.06 109.17 31.22Z" fill="#0F0F0F"/>
+<path d="M138.08 18.65H143.62V38.68H153.88V43.79H138.08V18.65Z" fill="#0F0F0F"/>
+<path d="M168.76 18.65H173.34L184.28 43.79H178.03L175.86 38.46H166.1L164 43.79H157.89L168.76 18.65ZM170.89 25.96L167.84 33.77H173.98L170.89 25.96Z" fill="#0F0F0F"/>
+<path d="M190.35 18.65H200.08C201.36 18.65 202.57 18.77 203.72 19.02C204.87 19.27 205.87 19.68 206.74 20.26C207.6 20.84 208.29 21.62 208.8 22.6C209.31 23.58 209.56 24.81 209.56 26.27C209.56 28.05 209.1 29.55 208.18 30.8C207.26 32.04 205.91 32.83 204.13 33.16L210.52 43.78H203.88L198.63 33.73H195.9V43.78H190.36V18.65H190.35ZM195.89 29.05H199.16C199.66 29.05 200.18 29.03 200.74 29C201.3 28.96 201.8 28.86 202.25 28.68C202.7 28.5 203.07 28.22 203.37 27.85C203.67 27.47 203.81 26.94 203.81 26.25C203.81 25.61 203.68 25.1 203.42 24.72C203.16 24.34 202.83 24.05 202.43 23.85C202.03 23.65 201.56 23.51 201.05 23.44C200.53 23.37 200.02 23.33 199.52 23.33H195.9V29.05H195.89Z" fill="#0F0F0F"/>
+<path d="M225.18 18.65H229.76L240.7 43.79H234.45L232.28 38.46H222.52L220.43 43.79H214.32L225.19 18.65H225.18ZM227.31 25.96L224.26 33.77H230.4L227.31 25.96Z" fill="#0F0F0F"/>
+</g>
+<defs>
+<clipPath id="clip0_1_12">
+<rect width="240.7" height="64.46" fill="white"/>
+</clipPath>
+</defs>
+</svg>

solara/website/assets/images/logo_white.svg

@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="241" height="65"
+	 viewBox="0 0 241 65" style="enable-background:new 0 0 241 65;" xml:space="preserve">
+<style type="text/css">
+	.st0{clip-path:url(#SVGID_2_);}
+	.st1{fill:#FFCF64;}
+	.st2{fill:#FF8C3E;}
+	.st3{fill:#FFFFFF;}
+</style>
+<g>
+	<defs>
+		<rect id="SVGID_1_" y="0" width="240.7" height="64.5"/>
+	</defs>
+	<clipPath id="SVGID_2_">
+		<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+	</clipPath>
+	<g class="st0">
+		<path class="st1" d="M57.1,30.6l4.4-12.8l-12.8-4.4L42.8,1.4L30.6,7.4L17.9,3l-4.4,12.8l-12.1,6l5.9,12.1L3,46.6l12.8,4.4
+			l5.9,12.1l12.1-6l12.8,4.4L51,48.7l12.1-6L57.1,30.6z M54.3,34.4L34.4,54.3c-1.2,1.2-3.1,1.2-4.3,0L10.2,34.4
+			c-1.2-1.2-1.2-3.1,0-4.3l19.9-19.9c1.2-1.2,3.1-1.2,4.3,0l19.9,19.9C55.5,31.3,55.5,33.2,54.3,34.4L54.3,34.4z"/>
+		<path class="st2" d="M53.6,19.4l-2-13.4L38.3,8L27.5,0l-8,10.8l-13.4,2l2,13.4L0,37l10.8,8l2,13.3l13.3-2l10.8,8l8-10.8l13.3-2
+			l-2-13.3l8-10.8L53.6,19.4L53.6,19.4z M52.8,24.1l-8.6,26.8c-0.5,1.6-2.2,2.5-3.9,2l-26.8-8.6c-1.6-0.5-2.5-2.2-2-3.8l8.6-26.8
+			c0.5-1.6,2.2-2.5,3.9-2l26.8,8.6C52.4,20.7,53.3,22.5,52.8,24.1L52.8,24.1z"/>
+		<path class="st3" d="M93.3,24.8c-0.4-0.6-1.1-1-1.8-1.3c-0.8-0.3-1.5-0.4-2.2-0.4c-0.4,0-0.8,0-1.2,0.1c-0.4,0.1-0.8,0.2-1.2,0.4
+			c-0.4,0.2-0.7,0.5-0.9,0.8c-0.2,0.3-0.3,0.7-0.3,1.2c0,0.8,0.3,1.3,0.8,1.7c0.6,0.4,1.3,0.8,2.2,1c0.9,0.3,1.8,0.6,2.8,0.9
+			c1,0.3,1.9,0.7,2.8,1.2c0.9,0.5,1.6,1.2,2.1,2.1c0.6,0.9,0.9,2,0.9,3.5c0,1.5-0.3,2.6-0.8,3.7c-0.5,1-1.2,1.9-2.1,2.6
+			c-0.9,0.7-1.9,1.2-3.1,1.5c-1.2,0.3-2.4,0.5-3.7,0.5c-1.6,0-3.2-0.3-4.5-0.8c-1.4-0.5-2.7-1.3-3.9-2.4l3.9-4.3
+			c0.6,0.8,1.3,1.3,2.2,1.8c0.9,0.4,1.8,0.6,2.7,0.6c0.4,0,0.9,0,1.4-0.2s0.9-0.3,1.2-0.5c0.4-0.2,0.7-0.5,0.9-0.8
+			c0.2-0.3,0.3-0.7,0.3-1.2c0-0.8-0.3-1.3-0.9-1.8c-0.6-0.4-1.3-0.8-2.2-1.1c-0.9-0.3-1.8-0.6-2.8-0.9c-1-0.3-2-0.7-2.8-1.2
+			c-0.9-0.5-1.6-1.2-2.2-2.1s-0.9-2-0.9-3.4c0-1.4,0.3-2.5,0.8-3.6c0.5-1,1.2-1.9,2.1-2.6s1.9-1.2,3.1-1.5c1.2-0.3,2.4-0.5,3.6-0.5
+			c1.4,0,2.8,0.2,4.1,0.6c1.3,0.4,2.5,1.1,3.6,2L93.3,24.8L93.3,24.8z"/>
+		<path class="st3" d="M103.4,31.2c0-2,0.3-3.8,1-5.5c0.7-1.6,1.6-3,2.8-4.2c1.2-1.1,2.6-2,4.3-2.6c1.7-0.6,3.5-0.9,5.4-0.9
+			c2,0,3.8,0.3,5.4,0.9c1.7,0.6,3.1,1.5,4.3,2.6s2.2,2.5,2.8,4.2s1,3.5,1,5.5s-0.3,3.8-1,5.5c-0.7,1.6-1.6,3-2.8,4.2
+			c-1.2,1.1-2.6,2-4.3,2.6c-1.7,0.6-3.5,0.9-5.4,0.9c-2,0-3.8-0.3-5.4-0.9c-1.7-0.6-3.1-1.5-4.3-2.6c-1.2-1.2-2.2-2.5-2.8-4.2
+			C103.8,35.1,103.4,33.2,103.4,31.2z M109.2,31.2c0,1.2,0.2,2.3,0.6,3.3c0.4,1,0.9,1.8,1.6,2.6c0.7,0.7,1.5,1.3,2.5,1.7
+			c1,0.4,2,0.6,3.2,0.6s2.3-0.2,3.2-0.6c1-0.4,1.8-1,2.5-1.7c0.7-0.7,1.2-1.6,1.6-2.6c0.4-1,0.6-2.1,0.6-3.3c0-1.2-0.2-2.2-0.6-3.2
+			c-0.4-1-0.9-1.9-1.6-2.6c-0.7-0.7-1.5-1.3-2.5-1.7c-1-0.4-2-0.6-3.2-0.6s-2.3,0.2-3.2,0.6c-1,0.4-1.8,1-2.5,1.7
+			c-0.7,0.7-1.2,1.6-1.6,2.6C109.3,29,109.2,30.1,109.2,31.2z"/>
+		<path class="st3" d="M138.1,18.7h5.5v20h10.3v5.1h-15.8V18.7z"/>
+		<path class="st3" d="M168.8,18.7h4.6l10.9,25.1H178l-2.2-5.3h-9.8l-2.1,5.3h-6.1L168.8,18.7z M170.9,26l-3.1,7.8h6.1L170.9,26z"/>
+		<path class="st3" d="M190.4,18.7h9.7c1.3,0,2.5,0.1,3.6,0.4s2.1,0.7,3,1.2c0.9,0.6,1.5,1.4,2.1,2.3c0.5,1,0.8,2.2,0.8,3.7
+			c0,1.8-0.5,3.3-1.4,4.5c-0.9,1.2-2.3,2-4,2.4l6.4,10.6h-6.6l-5.3-10h-2.7v10h-5.5L190.4,18.7L190.4,18.7z M195.9,29.1h3.3
+			c0.5,0,1,0,1.6,0c0.6,0,1.1-0.1,1.5-0.3s0.8-0.5,1.1-0.8c0.3-0.4,0.4-0.9,0.4-1.6c0-0.6-0.1-1.1-0.4-1.5c-0.3-0.4-0.6-0.7-1-0.9
+			c-0.4-0.2-0.9-0.3-1.4-0.4c-0.5-0.1-1-0.1-1.5-0.1h-3.6L195.9,29.1L195.9,29.1z"/>
+		<path class="st3" d="M225.2,18.7h4.6l10.9,25.1h-6.3l-2.2-5.3h-9.8l-2.1,5.3h-6.1L225.2,18.7L225.2,18.7z M227.3,26l-3.1,7.8h6.1
+			L227.3,26z"/>
+	</g>
+</g>
+</svg>

solara/website/assets/theme.js

@@ -0,0 +1,8 @@
+vuetifyThemes = {
+    light: {
+        primary: '#ff991f',
+    },
+    dark: {
+        primary: '#f77e14',
+    }
+}

solara/website/components/__init__.py

@@ -0,0 +1,5 @@
+from .docs import CategoryLayout, Gallery, NoPage, SubCategoryLayout, WithCode  # noqa
+from .header import Header
+from .markdown import MarkdownWithMetadata
+
+__all__ = ["Header", "MarkdownWithMetadata", "CategoryLayout", "Gallery", "NoPage", "SubCategoryLayout", "WithCode"]

solara/website/components/algolia.py

@@ -0,0 +1,6 @@
+import solara
+
+
+@solara.component_vue("algolia_api.vue")
+def Algolia():
+    pass

solara/website/components/algolia.vue

@@ -0,0 +1,24 @@
+<template>
+    <div id="docsearch">
+    </div>
+</template>
+
+<script>
+module.exports = {
+    mounted() {
+        // like open in new window
+        solaraAlgoliaInit({appId: this.app_id, apiKey: this.api_key, indexName: this.index_name, debug: this.debug})
+    }
+}
+</script>
+
+<style id="algolia">
+.DocSearch-Button {
+    background-color: rgb(255, 238, 197);
+    color: #182026;
+}
+
+.DocSearch-Button:hover {
+    background-color: rgb(255, 247, 227);
+}
+</style>