-
Professional Support
+
Professional Support
diff --git a/src/css/custom.css b/src/css/custom.css
index 66e897586..467bbe90d 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -12,128 +12,71 @@
--ifm-color-orange-light: #fef9ec;
--ifm-color-indigo-i1: rgb(79, 82, 255);
--ifm-color-blue-b1: #b8c3ffff;
-
--ifm-color-primary-p1: #f6f195;
- --ifm-color-primary-p1-dark-mode: #d0cb54;
--ifm-color-primary-p2: #1c1c16;
- --ifm-color-primary-p2-dark-mode: #d0cb54;
--ifm-color-primary-p3: #1e1c00;
--ifm-text-color-on-primary-p1: #1e1c00;
- --ifm-text-color-on-primary-p1-dark-mode: #343200;
--ifm-color-secondary-s1: #a0c9ff;
/*--ifm-color-secondary-s2: #1861a1;*/
--ifm-color-secondary-s2: var(--ifm-color-blue-jupyter);
- --ifm-color-secondary-s2-dark-mode: #b8c3ff;
--ifm-color-secondary-s3: #002646;
--ifm-color-neutral-n1: #605e58;
--ifm-color-neutral-n2: #371300;
+ --ifm-text-color: var(--ifm-color-primary-p2);
+ --ifm-text-color-main-title: var(--ifm-color-primary-p2);
+ --ifm-background-color-value-card-yellow:var(--ifm-color-primary-p1);
--ifm-background-color: white;
- --ifm-background-color-dark-mode: #1c1c16;
-
- --ifm-text-color: #1c1c16;
- --ifm-text-color-dark-mode: white;
-
- --ifm-text-color-main-title: #1c1c16;
- --ifm-text-color-main-title-dark-mode: #fef9ec;
-
- --ifm-background-color-value-card-yellow: #f6f195;
- --ifm-background-color-value-card-yellow-dark-mode: #4b4900;
- --ifm-text-color-value-card-yellow: #1c1c16;
- --ifm-text-color-value-card-yellow-dark-mode: #d0cb54;
-
--ifm-background-color-value-card-white: white;
- --ifm-background-color-value-card-white-dark-mode: #1c1c16;
- --ifm-text-color-value-card-white: #1c1c16;
- --ifm-text-color-value-card-white-dark-mode: #d0cb54;
-
+ --ifm-text-color-value-card-white: var(--ifm-color-primary-p2);
--ifm-background-color-topics-card: #fef9ec;
- --ifm-background-color-topics-card-dark-mode: #1c1c16;
--ifm-text-color-topics-card: var(--ifm-color-neutral-n2);
- --ifm-text-color-topics-card-dark-mode: #d0cb54;
-
--ifm-background-color-topics-card-yellow: var(--ifm-color-primary-p1);
- --ifm-background-color-topics-card-yellow-dark-mode: #1c1c16;
--ifm-text-color-topics-card-yellow: var(--ifm-color-neutral-n2);
- --ifm-text-color-topics-card-yellow-dark-mode: var(--ifm-color-primary-p1);
-
--ifm-background-color-topics-card-white: white;
- --ifm-background-color-topics-card-white-dark-mode: #4b4900;
--ifm-text-color-topics-card-white: var(--ifm-color-neutral-n2);
- --ifm-text-color-topics-card-white-dark-mode: white;
-
--ifm-background-color-small-portrait-card: white;
- --ifm-background-color-small-portrait-card-dark-mode: #1c1c16;
- --ifm-text-color-small-portrait-card: #1c1c16;
- --ifm-text-color-small-portrait-card-dark-mode: #d0cb54;
-
+ --ifm-text-color-small-portrait-card: var(--ifm-color-primary-p2);
--ifm-background-color-large-portrait-card: white;
- --ifm-background-color-large-portrait-card-dark-mode: #d0cb54;
- --ifm-text-color-large-portrait-card: #1c1c16;
- --ifm-text-color-large-portrait-card-dark-mode: #1c1c16;
-
+ --ifm-text-color-large-portrait-card: var(--ifm-color-primary-p2);
--ifm-background-color-project-card: var(--ifm-color-orange-light);
- --ifm-background-color-project-card-dark-mode: #1e1c00;
-
- --ifm-text-color-project-card: #1c1c16;
- --ifm-text-color-project-card-dark-mode: white;
-
- --ifm-color-text-on-primary-p1: #1c1c16;
- --ifm-color-text-on-primary-p1-dark-mode: black;
-
+ --ifm-text-color-project-card: var(--ifm-color-primary-p2);
+ --ifm-color-text-on-primary-p1: var(--ifm-color-primary-p2);
--ifm-text-color-services-transition: var(--ifm-color-indigo-i1);
- --ifm-text-color-services-transition-dark-mode: #a0c9ff;
-
- --ifm-background-color-blue-banner: #a0c9ff;
- --ifm-background-color-blue-banner-dark-mode: #2c2e9d;
- --ifm-text-color-blue-banner: #002646;
- --ifm-text-color-blue-banner-dark-mode: #dde1ff;
-
+ --ifm-background-color-blue-banner:var(--ifm-color-secondary-s1);
+ --ifm-text-color-blue-banner: var(--ifm-color-secondary-s3);
--ifm-background-color-about-qs-banner: var(--ifm-color-primary-p1);
- --ifm-background-color-about-qs-banner-dark-mode: var(
- --ifm-color-primary-p1-dark-mode
- );
- --ifm-text-color-about-qs-banner: #1c1c16;
- --ifm-text-color-about-qs-banner-dark-mode: #1c1c16;
+ --ifm-text-color-about-qs-banner: var(--ifm-color-primary-p2);
/* footer */
--ifm-background-color-footer: var(--ifm-color-primary-p1);
- --ifm-background-color-footer-dark-mode: var(
- --ifm-color-primary-p1-dark-mode
- );
--ifm-text-color-footer: black;
- --ifm-text-color-footer-dark-mode: black;
/* buttons */
--ifm-background-color-button-home: var(--ifm-color-orange-jupyter);
- /*--ifm-background-color-button-home-dark-mode: #0c37b7;*/
- --ifm-background-color-button-home-dark-mode: #2c2e9d;
--ifm-text-color-button-home: black;
- --ifm-text-color-button-home-dark-mode: white;
-
- --ifm-background-color-button-blue-banner: #002646;
- --ifm-background-color-button-blue-banner-dark-mode: #dde1ff;
+ --ifm-background-color-button-blue-banner: var(--ifm-color-secondary-s3);
--ifm-text-color-button-blue-banner: white;
- --ifm-text-color-button-blue-banner-dark-mode: #640037;
-
--ifm-color-blue-contact-send-button: var(--ifm-color-blue-jupyter);
-
--ifm-background-color-popup-overlay: grey;
- --ifm-background-color-popup-overlay-dark-mode: #3b3b3b;
+/* Font sizes */
--ifm-font-size-small: 14px;
--ifm-font-size-normal: 18px;
--ifm-font-size-medium: 24px;
--ifm-font-size-main-title: 48px;
--ifm-font-size-secondary-title: 32px;
+
+ /*Font families */
--ifm-font-family-roboto: "Roboto";
--ifm-font-family-roboto-flex: "Roboto Flex";
--ifm-font-family-bebas-neue: "Bebas Neue";
--ifm-font-family-rubik-one: "Rubik One";
--ifm-font-family-dosis: "Dosis";
+ /* Spacing for margins and paddings */
--ifm-spacing-none: 0px;
--ifm-spacing-2xs: 4px;
--ifm-spacing-xs: 8px;
@@ -150,106 +93,6 @@
--ifm-spacing-8xl: 400px;
}
-/* For readability concerns, you should choose a lighter palette in dark mode. */
-[data-theme="dark"] {
- --ifm-text-color: var(--ifm-text-color-dark-mode);
- --ifm-text-color-main-title: var(--ifm-text-color-main-title-dark-mode);
- --ifm-background-color: var(--ifm-background-color-dark-mode);
- --ifm-color-primary-p1: var(--ifm-color-primary-p1-dark-mode);
- --ifm-background-color-footer: var(--ifm-background-color-footer-dark-mode);
- --ifm-text-color-footer: var(--ifm-text-color-footer-dark-mode);
- --ifm-color-primary-p2: var(--ifm-color-primary-p2-dark-mode);
- --ifm-color-secondary-s2: var(--ifm-color-secondary-s2-dark-mode);
- --ifm-color-text-on-primary-p1: var(--ifm-color-text-on-primary-p1-dark-mode);
- --ifm-color-text-on-primary-p3: var(--ifm-color-text-on-primary-p3-dark-mode);
-
- --ifm-background-color-topics-card: var(
- --ifm-background-color-topics-card-dark-mode
- );
- --ifm-text-color-topics-card: var(--ifm-text-color-topics-card-dark-mode);
- --ifm-background-color-topics-card-yellow: var(
- --ifm-background-color-topics-card-yellow-dark-mode
- );
- --ifm-text-color-topics-card-yellow: var(
- --ifm-text-color-topics-card-yellow-dark-mode
- );
- --ifm-background-color-topics-card-white: var(
- --ifm-background-color-topics-card-white-dark-mode
- );
- --ifm-text-color-topics-card-white: var(
- --ifm-text-color-topics-card-white-dark-mode
- );
- --ifm-background-value-topics-card-white: var(
- --ifm-background-value-topics-card-white-dark-mode
- );
-
- --ifm-text-color-services-transition: var(
- --ifm-text-color-services-transition-dark-mode
- );
-
- --ifm-background-color-value-card-yellow: var(
- --ifm-background-color-value-card-yellow-dark-mode
- );
- --ifm-text-color-value-card-yellow: var(
- --ifm-text-color-value-card-yellow-dark-mode
- );
-
- --ifm-background-color-value-card-white: var(
- --ifm-background-color-value-card-white-dark-mode
- );
-
- --ifm-text-color-value-card-white: var(
- --ifm-text-color-value-card-white-dark-mode
- );
-
- --ifm-background-color-small-portrait-card: var(
- --ifm-background-color-small-portrait-card-dark-mode
- );
- --ifm-text-color-small-portrait-card: var(
- --ifm-text-color-small-portrait-card-dark-mode
- );
-
- --ifm-background-color-large-portrait-card: var(
- --ifm-background-color-large-portrait-card-dark-mode
- );
- --ifm-text-color-large-portrait-card: var(
- --ifm-text-color-large-portrait-card-dark-mode
- );
-
- --ifm-background-color-project-card: var(
- --ifm-background-color-project-card-dark-mode
- );
- --ifm-text-color-project-card: var(--ifm-text-color-project-card-dark-mode);
-
- --ifm-background-color-blue-banner: var(
- --ifm-background-color-blue-banner-dark-mode
- );
- --ifm-text-color-blue-banner: var(--ifm-text-color-blue-banner-dark-mode);
-
- --ifm-background-color-about-qs-banner: var(
- --ifm-background-color-about-qs-banner-dark-mode
- );
- --ifm-text-color-about-qs-banner: var(
- --ifm-text-color-about-qs-banner-dark-mode
- );
-
- --ifm-background-color-button-home: var(
- --ifm-background-color-button-home-dark-mode
- );
- --ifm-text-color-button-home: var(--ifm-text-color-button-home-dark-mode);
- --ifm-background-color-button-blue-banner: var(
- --ifm-background-color-button-blue-banner-dark-mode
- );
- --ifm-text-color-button-blue-banner: var(
- --ifm-text-color-button-blue-banner-dark-mode
- );
-
- --ifm-background-color-popup-overlay: var(
- --ifm-background-color-popup-overlay-dark-mode
- );
- --ifm-text-color-on-primary-p1: var(--ifm-text-color-on-primary-p1-dark-mode);
-}
-
.flex-full-centered {
display: flex;
align-items: center;
@@ -740,7 +583,7 @@ a.menu__link:active {
}
.quantstack-astronaut-footer {
- background: url(@site/static/img/quantstack/astronaut-footer-light.svg);
+ background: url(@site/static/img/quantstack/astronaut-footer.svg);
content: "";
display: flex;
height: 240px;
diff --git a/static/img/icons/ArrowLeft-dark.svg b/static/img/icons/ArrowLeft-dark.svg
deleted file mode 100644
index 0807692a1..000000000
--- a/static/img/icons/ArrowLeft-dark.svg
+++ /dev/null
@@ -1,22 +0,0 @@
-
-
diff --git a/static/img/icons/ArrowLeft-light.svg b/static/img/icons/ArrowLeft-light.svg
deleted file mode 100644
index fccfa7b17..000000000
--- a/static/img/icons/ArrowLeft-light.svg
+++ /dev/null
@@ -1,20 +0,0 @@
-
-
diff --git a/static/img/icons/CloseIcon.svg b/static/img/icons/CloseIcon.svg
deleted file mode 100644
index d2984e72f..000000000
--- a/static/img/icons/CloseIcon.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
diff --git a/static/img/illustrations/contact-dark.svg b/static/img/illustrations/contact-dark.svg
deleted file mode 100644
index 5b0621da7..000000000
--- a/static/img/illustrations/contact-dark.svg
+++ /dev/null
@@ -1,677 +0,0 @@
-
-
diff --git a/static/img/illustrations/contact-light.svg b/static/img/illustrations/contact-light.svg
deleted file mode 100644
index 28cd43c67..000000000
--- a/static/img/illustrations/contact-light.svg
+++ /dev/null
@@ -1,656 +0,0 @@
-
-
diff --git a/static/img/illustrations/special-projects-dark.svg b/static/img/illustrations/special-projects-dark.svg
deleted file mode 100644
index b1e1ad9dd..000000000
--- a/static/img/illustrations/special-projects-dark.svg
+++ /dev/null
@@ -1,2543 +0,0 @@
-
-
diff --git a/static/img/illustrations/special-projects-light.svg b/static/img/illustrations/special-projects-light.svg
deleted file mode 100644
index 8efe57f0d..000000000
--- a/static/img/illustrations/special-projects-light.svg
+++ /dev/null
@@ -1,2540 +0,0 @@
-
-
diff --git a/static/img/illustrations/special_projects.png b/static/img/illustrations/special_projects.png
deleted file mode 100644
index 1061188a6..000000000
Binary files a/static/img/illustrations/special_projects.png and /dev/null differ
diff --git a/static/img/illustrations/special_projects.svg b/static/img/illustrations/special_projects.svg
index 6994bfb8a..1d64ce1b3 100644
--- a/static/img/illustrations/special_projects.svg
+++ b/static/img/illustrations/special_projects.svg
@@ -1,657 +1,2540 @@
-