Merge pull request #24 from raccoongang/buhaienko/MON-5091

feat: [MON-5091] superset base branding
raccoongang · May 16, 2024 · 8851159 · 8851159
2 parents 6878f63 + 22ab429
commit 8851159
Show file tree

Hide file tree

Showing 8 changed files with 21 additions and 21 deletions.
diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
@@ -177,7 +177,7 @@ const config = {
       navbar: {
         logo: {
           alt: 'Superset Logo',
-          src: '/img/superset-logo-horiz.svg',
+          src: '/img/superset-logo-horiz.png',
           srcDark: '/img/superset-logo-horiz-dark.svg',
         },
         items: [

diff --git a/docs/src/pages/index.tsx b/docs/src/pages/index.tsx
@@ -471,7 +471,7 @@ export default function Home(): JSX.Element {
     const navbar = document.body.querySelector('.navbar');
     const logo = document.body.querySelector('.navbar__logo img');
     navbar.classList.remove('navbar--dark');
-    logo.setAttribute('src', '/img/superset-logo-horiz.svg');
+    logo.setAttribute('src', '/img/superset-logo-horiz.png');
   };
 
   // Set up dark <-> light navbar change

diff --git a/superset-frontend/src/assets/images/favicon.png b/superset-frontend/src/assets/images/favicon.png
diff --git a/superset-frontend/src/assets/images/superset-logo-horiz.png b/superset-frontend/src/assets/images/superset-logo-horiz.png
diff --git a/superset-frontend/src/assets/stylesheets/antd/index.less b/superset-frontend/src/assets/stylesheets/antd/index.less
@@ -28,7 +28,7 @@
 /*
   Theme variables here: https://github.com/ant-design/ant-design/blob/master/components/style/themes/default.less
 */
-@primary-color: #e62050;
+@primary-color: #2b47ff;
 @info-color: #66bcfe;
 @success-color: #59c189;
 @processing-color: #66bcfe;

diff --git a/superset-frontend/src/assets/stylesheets/less/variables.less b/superset-frontend/src/assets/stylesheets/less/variables.less
@@ -24,16 +24,16 @@
 /* component styles. This will allow us to more easily adjust theming   */
 /************************************************************************/
 
-@primary-color: #e62050;
+@primary-color: #2b47ff;
 @indicator-color: @primary-color;
 
-@brand-primary-dark1: #c1163f;
-@brand-primary-dark2: #991132;
-@brand-primary-light1: #f1839e;
-@brand-primary-light2: #f7b4c4;
-@brand-primary-light3: #fce7ec;
-@brand-primary-light4: #fce7ec;
-@brand-primary-light5: #fce7ec;
+@brand-primary-dark1: darken(@primary-color, 10%);
+@brand-primary-dark2: darken(@primary-color, 20%);
+@brand-primary-light1: lighten(@primary-color, 5%);
+@brand-primary-light2: lighten(@primary-color, 10%);
+@brand-primary-light3: lighten(@primary-color, 15%);
+@brand-primary-light4: #dae9ff;
+@brand-primary-light5: lighten(@primary-color, 25%);
 
 @brand-secondary: #444e7c;
 @brand-secondary-dark1: #363e63;

diff --git a/superset-frontend/src/features/home/Menu.tsx b/superset-frontend/src/features/home/Menu.tsx
@@ -130,7 +130,7 @@ const StyledHeader = styled.header`
       .ant-menu-item a {
         &:hover {
           color: ${theme.colors.grayscale.dark1};
-          background-color: ${theme.colors.primary.light5};
+          background-color: transparent;
           border-bottom: none;
           margin: 0;
           &:after {

diff --git a/superset/config.py b/superset/config.py
@@ -287,7 +287,7 @@ def _try_json_readsha(filepath: str, length: int) -> str | None:
 APP_NAME = "Superset"
 
 # Specify the App icon
-APP_ICON = "/static/assets/images/superset-logo-horiz.svg"
+APP_ICON = "/static/assets/images/superset-logo-horiz.png"
 
 # Specify where clicking the logo would take the user
 # e.g. setting it to '/' would take the user to '/superset/welcome/'
@@ -596,14 +596,14 @@ class D3Format(TypedDict, total=False):
 THEME_OVERRIDES = {
     "colors": {
         "primary": {
-            "base": "#e62050",
-            "dark1": "#c1163f",
-            "dark2": "#991132",
-            "light1": "#f1839e",
-            "light2": "#f7b4c4",
-            "light3": "#fce7ec",
-            "light4": "#fce7ec",
-            "light5": "#fce7ec",
+            "base": "#2b47ff",
+            "dark1": "#2141e6",
+            "dark2": "#1831cc",
+            "light1": "#3456ff",
+            "light2": "#406eff",
+            "light3": "#4b84ff",
+            "light4": "#dae9ff",
+            "light5": "#60b2ff",
         }
     }
 }