fix: Manually Overwrite Dokka Styles and Logo (#114)

ExpediaGroup · Aug 8, 2024 · 57ee626 · 57ee626
1 parent 3f7c109
commit 57ee626
Show file tree

Hide file tree

Showing 22 changed files with 232 additions and 91 deletions.
diff --git a/assets/custom-styles.css b/assets/custom-styles.css
@@ -6,3 +6,11 @@
     --dokka-logo-height: 35px;
     --dokka-logo-width: 35px;
 }
+
+.library-name--link::before {
+    margin-right: 10px;
+}
+
+.filter-section .platform-tag {
+    display: none;
+}
diff --git a/images/logo-icon.svg b/images/logo-icon.svg
diff --git a/older/3.2.2/images/logo-icon.svg b/older/3.2.2/images/logo-icon.svg
diff --git a/older/3.2.2/styles/logo-styles.css b/older/3.2.2/styles/logo-styles.css
@@ -4,6 +4,6 @@
 
 :root {
     --dokka-logo-image-url: url('../images/logo-icon.svg');
-    --dokka-logo-height: 50px;
-    --dokka-logo-width: 50px;
+    --dokka-logo-height: 35px;
+    --dokka-logo-width: 35px;
 }
diff --git a/older/3.2.2/styles/style.css b/older/3.2.2/styles/style.css
@@ -51,6 +51,14 @@
 
     --sidebar-width: 280px;
     --sidemenu-section-active-color: #7F52FF;
+
+    /* Overwrite default styles */
+    --sidemenu-section-active-color: #1668e3;
+    --active-section-color: #1668e3;
+    --active-tab-border-color: #1668e3;
+    --hover-link-color: #1668e3;
+    --dokka-logo-height: 35px;
+    --dokka-logo-width: 35px;
 }
 
 html {
@@ -1507,3 +1515,11 @@ has only one header, and the header text is the same as the tab name, so no poin
 .main-content[data-page-type="package"] .tabs-section-body h2 {
     display: none;
 }
+
+.library-name--link::before {
+    margin-right: 10px;
+}
+
+.filter-section .platform-tag {
+    display: none;
+}
diff --git a/older/4.1.0/images/logo-icon.svg b/older/4.1.0/images/logo-icon.svg
diff --git a/older/4.1.0/styles/logo-styles.css b/older/4.1.0/styles/logo-styles.css
@@ -4,6 +4,6 @@
 
 :root {
     --dokka-logo-image-url: url('../images/logo-icon.svg');
-    --dokka-logo-height: 50px;
-    --dokka-logo-width: 50px;
+    --dokka-logo-height: 35px;
+    --dokka-logo-width: 35px;
 }
diff --git a/older/4.1.0/styles/style.css b/older/4.1.0/styles/style.css
@@ -51,6 +51,14 @@
 
     --sidebar-width: 280px;
     --sidemenu-section-active-color: #7F52FF;
+
+    /* Overwrite default styles */
+    --sidemenu-section-active-color: #1668e3;
+    --active-section-color: #1668e3;
+    --active-tab-border-color: #1668e3;
+    --hover-link-color: #1668e3;
+    --dokka-logo-height: 35px;
+    --dokka-logo-width: 35px;
 }
 
 html {
@@ -1507,3 +1515,11 @@ has only one header, and the header text is the same as the tab name, so no poin
 .main-content[data-page-type="package"] .tabs-section-body h2 {
     display: none;
 }
+
+.library-name--link::before {
+    margin-right: 10px;
+}
+
+.filter-section .platform-tag {
+    display: none;
+}
diff --git a/older/4.1.1/images/logo-icon.svg b/older/4.1.1/images/logo-icon.svg
diff --git a/older/4.1.1/styles/logo-styles.css b/older/4.1.1/styles/logo-styles.css
@@ -4,6 +4,6 @@
 
 :root {
     --dokka-logo-image-url: url('../images/logo-icon.svg');
-    --dokka-logo-height: 50px;
-    --dokka-logo-width: 50px;
+    --dokka-logo-height: 35px;
+    --dokka-logo-width: 35px;
 }
diff --git a/older/4.1.1/styles/style.css b/older/4.1.1/styles/style.css
@@ -51,6 +51,14 @@
 
     --sidebar-width: 280px;
     --sidemenu-section-active-color: #7F52FF;
+
+    /* Overwrite default styles */
+    --sidemenu-section-active-color: #1668e3;
+    --active-section-color: #1668e3;
+    --active-tab-border-color: #1668e3;
+    --hover-link-color: #1668e3;
+    --dokka-logo-height: 35px;
+    --dokka-logo-width: 35px;
 }
 
 html {
@@ -1507,3 +1515,11 @@ has only one header, and the header text is the same as the tab name, so no poin
 .main-content[data-page-type="package"] .tabs-section-body h2 {
     display: none;
 }
+
+.library-name--link::before {
+    margin-right: 10px;
+}
+
+.filter-section .platform-tag {
+    display: none;
+}
diff --git a/older/4.1.2/images/logo-icon.svg b/older/4.1.2/images/logo-icon.svg
diff --git a/older/4.1.2/styles/logo-styles.css b/older/4.1.2/styles/logo-styles.css
@@ -4,6 +4,6 @@
 
 :root {
     --dokka-logo-image-url: url('../images/logo-icon.svg');
-    --dokka-logo-height: 50px;
-    --dokka-logo-width: 50px;
+    --dokka-logo-height: 35px;
+    --dokka-logo-width: 35px;
 }
diff --git a/older/4.1.2/styles/style.css b/older/4.1.2/styles/style.css
@@ -51,6 +51,14 @@
 
     --sidebar-width: 280px;
     --sidemenu-section-active-color: #7F52FF;
+
+    /* Overwrite default styles */
+    --sidemenu-section-active-color: #1668e3;
+    --active-section-color: #1668e3;
+    --active-tab-border-color: #1668e3;
+    --hover-link-color: #1668e3;
+    --dokka-logo-height: 35px;
+    --dokka-logo-width: 35px;
 }
 
 html {
@@ -1507,3 +1515,11 @@ has only one header, and the header text is the same as the tab name, so no poin
 .main-content[data-page-type="package"] .tabs-section-body h2 {
     display: none;
 }
+
+.library-name--link::before {
+    margin-right: 10px;
+}
+
+.filter-section .platform-tag {
+    display: none;
+}
diff --git a/older/4.1.3/images/logo-icon.svg b/older/4.1.3/images/logo-icon.svg
diff --git a/older/4.1.3/styles/logo-styles.css b/older/4.1.3/styles/logo-styles.css
@@ -4,6 +4,6 @@
 
 :root {
     --dokka-logo-image-url: url('../images/logo-icon.svg');
-    --dokka-logo-height: 50px;
-    --dokka-logo-width: 50px;
+    --dokka-logo-height: 35px;
+    --dokka-logo-width: 35px;
 }
diff --git a/older/4.1.3/styles/style.css b/older/4.1.3/styles/style.css
@@ -51,6 +51,14 @@
 
     --sidebar-width: 280px;
     --sidemenu-section-active-color: #7F52FF;
+
+    /* Overwrite default styles */
+    --sidemenu-section-active-color: #1668e3;
+    --active-section-color: #1668e3;
+    --active-tab-border-color: #1668e3;
+    --hover-link-color: #1668e3;
+    --dokka-logo-height: 35px;
+    --dokka-logo-width: 35px;
 }
 
 html {
@@ -1507,3 +1515,11 @@ has only one header, and the header text is the same as the tab name, so no poin
 .main-content[data-page-type="package"] .tabs-section-body h2 {
     display: none;
 }
+
+.library-name--link::before {
+    margin-right: 10px;
+}
+
+.filter-section .platform-tag {
+    display: none;
+}
diff --git a/older/4.2.0/images/logo-icon.svg b/older/4.2.0/images/logo-icon.svg