chore: update plugin-base styles

dokka-subprojects/plugin-base/src/main/resources/dokka/styles/style.css

@@ -11,7 +11,6 @@
     --default-font-color: rgb(0, 0, 0);
     --header-font-color: var(--default-font-color);
 
-    --breadcrumb-font-color: #637282;
     --breadcrumb-margin: 24px;
     --hover-link-color: #5B5DEF;
 
@@ -80,15 +79,6 @@ html, body {
 /* /--- root styles --- */
 
 /* --- global tags styles --- */
-body, table {
-    background: var(--background-color);
-    font-family: var(--default-font-family);
-    font-style: normal;
-    font-weight: normal;
-    font-size: var(--default-font-size);
-    line-height: 1.6;
-    margin: 0;
-}
 
 h1 {
     font-size: 40px;
@@ -112,10 +102,6 @@ p, ul, ol, table, pre, dl {
     margin: 0;
 }
 
-a {
-    text-decoration: none;
-}
-
 u {
     text-decoration: none;
     padding-bottom: 2px;
@@ -148,10 +134,6 @@ img {
     max-width: 100%;
 }
 
-small {
-    font-size: 11px;
-}
-
 table {
     width: 100%;
     border-collapse: collapse;
@@ -213,7 +195,6 @@ td:first-child {
     --default-font-color: rgba(255, 255, 255, 0.96);
     --border-color: hsla(0, 0%, 100%, 0.2);
     --code-background: hsla(0, 0%, 100%, 0.05);
-    --breadcrumb-font-color: #8c8c8e;
     --brief-color: hsla(0, 0%, 100%, 0.4);
     --copy-icon-color: hsla(0, 0%, 100%, 0.6);
     --copy-icon-hover-color: #fff;
@@ -246,7 +227,6 @@ td:first-child {
 /* /--- Breadcrumbs styles --- */
 .breadcrumbs, .breadcrumbs a, .breadcrumbs a:hover {
     margin-top: var(--breadcrumb-margin);
-    color: var(--breadcrumb-font-color);
     overflow-wrap: break-word;
 }
 
@@ -398,10 +378,6 @@ code:not(.block) {
     vertical-align: bottom;
 }
 
-.symbol > a {
-    color: var(--hover-link-color);
-}
-
 .copy-icon {
     cursor: pointer;
 }
@@ -537,30 +513,6 @@ h1.cover {
     }
 }
 
-.main-content a:not([data-name]) {
-    padding-bottom: 2px;
-    border-bottom: 1px solid var(--border-color);
-    cursor: pointer;
-    text-decoration: none;
-    color: inherit;
-    font-size: inherit;
-    line-height: inherit;
-    transition: color .1s, border-color .1s;
-    overflow-wrap: break-word;
-    word-break: break-word;
-}
-
-.main-content a:hover {
-    border-bottom-color: unset;
-    color: inherit
-}
-
-a small {
-    font-size: 11px;
-    margin-top: -0.6em;
-    display: block;
-}
-
 p.paragraph img {
     display: block;
 }

dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.css

@@ -2481,6 +2481,105 @@ button.platform-tag:focus-visible {
   --rotate-transition:transform 200ms ease-in-out;
 }
 
+a {
+  text-decoration: none;
+}
+
+.main-content a:not([data-name]) {
+  cursor: pointer;
+  font-size: inherit;
+  font-style: normal;
+  line-height: inherit;
+  outline: none;
+  transition: color 0.2s, border-color 0.2s;
+  word-wrap: break-word;
+  border-bottom: 1px solid var(--text-outine);
+  padding-bottom: 1px;
+  word-break: break-word;
+}
+
+.main-content a:not([data-name]), .main-content a:not([data-name]):active, .main-content a:not([data-name]):focus, .main-content a:not([data-name]):hover {
+  color: var(--text-color);
+  text-decoration: none;
+}
+
+.main-content a:not([data-name]):hover {
+  border-bottom-color: var(--text-color);
+}
+
+.main-content a:not([data-name]):focus {
+  box-shadow: 0 0 0 4px rgba(48, 127, 255, 0.5);
+  box-shadow: 0 0 0 4px var(--color-key-blue-50);
+}
+:root {
+  --breakpoint-desktop-min:900px;
+  --breakpoint-tablet-max:899px;
+  --breakpoint-tablet-min:440px;
+  --breakpoint-mobile-max:439px;
+  --breakpoint-mobile-min:360px;
+  --color-key-blue:#307fff;
+  --color-key-blue-50:rgba(48,127,255,.5);
+  --color-background-nav:#27282c;
+  --color-background-nav-dt:#323237;
+  --color-background-page:#fff;
+  --color-background-page-dt:#262628;
+  --color-background-footer:#ebebeb;
+  --color-background-footer-dt:#323237;
+  --color-text:#000;
+  --color-text-dt:hsla(0,0%,100%,.96);
+  --color-text-light:rgba(0,0,0,.7);
+  --color-text-light-dt:hsla(0,0%,100%,.7);
+  --color-w05:hsla(0,0%,100%,.05);
+  --color-w08:hsla(0,0%,100%,.08);
+  --color-w10:hsla(0,0%,100%,.1);
+  --color-w16:hsla(0,0%,100%,.16);
+  --color-w50:hsla(0,0%,100%,.5);
+  --color-w70:hsla(0,0%,100%,.7);
+  --color-w80:hsla(0,0%,100%,.8);
+  --color-w100:#fff;
+  --color-b05:rgba(0,0,0,.05);
+  --color-b08:rgba(0,0,0,.08);
+  --color-b20:rgba(0,0,0,.2);
+  --color-b50:rgba(0,0,0,.5);
+  --color-b70:rgba(0,0,0,.7);
+  --color-cd-punctuation:#999;
+  --color-cd-keyword:#0033b3;
+  --color-cd-keyword-alternative:#cc7832;
+  --color-cd-builtin:#067d17;
+  --color-cd-builtin-alternative:#e7bf6a;
+  --color-cd-function:#00627a;
+  --color-cd-function-alternative:#ffc66d;
+  --color-cd-operator:#9a6e3a;
+  --color-cd-operator-alternative:#a9b7c6;
+  --color-cd-body:#000;
+  --color-cd-body-alternative:#a9b7c6;
+  --color-generic:#539df3;
+  --color-jvm:#4dbb5f;
+  --color-js:#ffc700;
+  --color-wasm:#fff;
+  --size-s1:4px;
+  --size-s2:8px;
+  --size-s3:16px;
+  --size-m1:24px;
+  --size-m2:32px;
+  --size-m3:48px;
+  --size-l1:64px;
+  --size-l2:72px;
+  --size-ta1:40px;
+  --size-ta2:52px;
+  --font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;
+  --font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
+  --font-h1:600 44px/44px var(--font-family-default);
+  --font-h2:600 32px/32px var(--font-family-default);
+  --font-h3:600 24px/24px var(--font-family-default);
+  --font-h4:600 16px/24px var(--font-family-default);
+  --font-text-m:400 16px/24px var(--font-family-default);
+  --font-text-s:400 14px/20px var(--font-family-default);
+  --font-code:400 16px/24px var(--font-family-mono);
+  --hover-transition:background-color 200ms ease-in-out;
+  --rotate-transition:transform 200ms ease-in-out;
+}
+
 @media (max-width: 899px) {
   .ui-kit_desktop-only {
     display: none;
@@ -2561,13 +2660,22 @@ button.platform-tag:focus-visible {
   --color-background:var(--color-background-page);
   --focus-outline:4px solid var(--color-key-blue-50);
   --content-max-width:1128px;
+  --text-color:var(--color-text);
+  --text-outine:var(--color-b20);
 }
 
 .theme-dark {
   --color-background:var(--color-background-page-dt);
+  --text-color:var(--color-text-dt);
+  --text-outine:var(--color-w16);
 }
 
-body, table {
+body {
   background-color: #fff;
   background-color: var(--color-background);
+  color: #000;
+  color: var(--text-color);
+  font: 400 16px/24px JetBrains Sans, Inter, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, Oxygen, Droid Sans, Helvetica Neue, Arial;
+  font: var(--font-text-m);
+  margin: 0;
 }