Merge pull request #286 from hakadao/bugfixes

Bugfixes
2025-04-14 13:15:29 +00:00 · 2024-02-13 02:23:09 +08:00
parent 0ce6dfa1a2 b2ac3b3844
commit 285e32777a
16 changed files with 343 additions and 255 deletions
--- a/src/styles/adaptedStyles/animePage.scss
+++ b/src/styles/adaptedStyles/animePage.scss
@@ -1,4 +1,4 @@
-.bewly-design {
+.bewly-design.animePage {
  :not(fjjdsl) .home-v3-app-container {
    .home-banner-wrapper
      .banner-hover-group
--- a/src/styles/adaptedStyles/animePlayback&MoviePage.scss
+++ b/src/styles/adaptedStyles/animePlayback&MoviePage.scss
@@ -1,4 +1,4 @@
-.bewly-design {
+.bewly-design.animePlaybackAndMoviePage {
  .bpx-player-contextmenu > li {
    box-sizing: unset;
  }
--- a/src/styles/adaptedStyles/articlesPage.scss
+++ b/src/styles/adaptedStyles/articlesPage.scss
@@ -1,16 +1,12 @@
-.bewly-design {
-  .right-side-bar .catalog .catalog-text {
-    line-height: unset;
-  }
-
-  .right-side-bar .catalog{
-    justify-content: center;
-  }
-
+.bewly-design.articlesPage {
  body {
    background-color: unset;
  }

+  .right-side-bar .catalog {
+    line-height: 3em;
+  }
+
  // #region theme color adaption part
  // Increase the priority of the style inside by writing a non-existent selector in :not()
  :not(fdjslfds) {
@@ -58,7 +54,9 @@
    .nav-tab-bar .tab-item:hover,
    .video-link__to,
    .interaction-info .hover-item:hover,
-    .interaction-info .hover-item:hover i {
+    .interaction-info .hover-item:hover i,
+    .normal-article-holder a,
+    .read-article-holder .card-text-label {
      color: var(--bew-theme-color);
    }

@@ -81,7 +79,8 @@
    .page-content .right-side .rank-module .rank-tabs-bar .rank-tabs-list li.on,
    .page-content .right-side .up-list .up-item .info-holder .head .follow,
    .categories-bar .tag-item.on,
-    .modal-box-holder .modal-box .modal-footer .modal-btn-primary {
+    .modal-box-holder .modal-box .modal-footer .modal-btn-primary,
+    .read-article-holder .card-text-label {
      border-color: var(--bew-theme-color);
    }

@@ -157,6 +156,10 @@
      color: var(--bew-text-1);
    }

+    span[style*='color:#000000'] {
+      color: var(--bew-text-1) !important;
+    }
+
    .page-content
      .left-side
      .article-list
@@ -185,6 +188,10 @@
      color: var(--bew-text-2);
    }

+    .normal-article-holder blockquote * {
+      color: var(--bew-text-2) !important;
+    }
+
    .page-content
      .left-side
      .article-list
@@ -230,7 +237,8 @@
    .view-note .note-content .ql-container .ql-editor,
    .bili-dialog-bomb .appeal-box .header,
    .bili-dialog-bomb .appeal-box .submit,
-    .bili-dialog-bomb .appeal-box .submit .cancel {
+    .bili-dialog-bomb .appeal-box .submit .cancel,
+    .bili-button.primary.plain {
      background-color: transparent;
    }

@@ -331,7 +339,8 @@
    .bili-dialog-bomb .appeal-box .submit .cancel,
    .bili-dialog-bomb .appeal-box .submit,
    .van-popover.van-followed,
-    .followed {
+    .followed,
+    .read-article-holder .row-video-holder {
      border-color: var(--bew-border-color);
    }

--- a/src/styles/adaptedStyles/channelPage.scss
+++ b/src/styles/adaptedStyles/channelPage.scss
@@ -1,4 +1,4 @@
-.bewly-design {
+.bewly-design.channelPage {
  .banner-wrapper {
    background-color: black;
    margin-bottom: 0 !important;
--- a/src/styles/adaptedStyles/comments.scss
+++ b/src/styles/adaptedStyles/comments.scss
@@ -37,7 +37,19 @@
    color: var(--bew-theme-color) !important;
  }

-  .reply-operation .operation-icon:hover {
+  .reply-operation .operation-icon:hover,
+  .bb-comment .comment-list .list-item .text .vote-link,
+  .comment-bilibili-fold .comment-list .list-item .text .vote-link,
+  .bb-comment .comment-list .list-item .text-con .vote-link,
+  .comment-bilibili-fold .comment-list .list-item .text-con .vote-link,
+  .bb-comment .comment-list .list-item .text .lottery-link,
+  .comment-bilibili-fold .comment-list .list-item .text .lottery-link,
+  .bb-comment .comment-list .list-item .text-con .lottery-link,
+  .comment-bilibili-fold .comment-list .list-item .text-con .lottery-link,
+  .bb-comment .comment-list .list-item .text .comment-jump-url,
+  .comment-bilibili-fold .comment-list .list-item .text .comment-jump-url,
+  .bb-comment .comment-list .list-item .text-con .comment-jump-url,
+  .comment-bilibili-fold .comment-list .list-item .text-con .comment-jump-url {
    color: var(--bew-theme-color);
  }

@@ -51,6 +63,13 @@
      drop-shadow(0 0 4px var(--bew-theme-color));
  }

+  .bb-comment .comment-list .list-item .text .jump-img,
+  .comment-bilibili-fold .comment-list .list-item .text .jump-img,
+  .bb-comment .comment-list .list-item .text-con .jump-img,
+  .comment-bilibili-fold .comment-list .list-item .text-con .jump-img {
+    filter: var(--bew-filter-icon-glow);
+  }
+
  &.dark {
    // Comment input box
    // .reply-box .box-normal .reply-box-warp .reply-box-textarea {
--- a/src/styles/adaptedStyles/common.scss
+++ b/src/styles/adaptedStyles/common.scss
@@ -1,4 +1,5 @@
-.bili-header .bili-header__bar {
+.bili-header .bili-header__bar,
+#internationalHeader {
  visibility: hidden;
 }
 .bewly-design {
--- a/src/styles/adaptedStyles/historyPage.scss
+++ b/src/styles/adaptedStyles/historyPage.scss
@@ -1,4 +1,4 @@
-.bewly-design {
+.bewly-design.historyPage {
  .history-wrap .b-head .b-head-t {
    color: var(--bew-text-1);
  }
--- a/src/styles/adaptedStyles/homePage.scss
+++ b/src/styles/adaptedStyles/homePage.scss
@@ -1,4 +1,4 @@
-.bewly-design {
+.bewly-design.homePage {
  .header-channel {
    margin-top: 10px;
  }
--- a/src/styles/adaptedStyles/index.ts
+++ b/src/styles/adaptedStyles/index.ts
@@ -14,32 +14,44 @@ async function setupStyles() {
    || /https?:\/\/www.bilibili.com\/?$/.test(currentUrl)
    || /https?:\/\/www.bilibili.com\/index.html$/.test(currentUrl)
    || /https?:\/\/bilibili.com\/\?spm_id_from=.*/.test(currentUrl)
-    || /https?:\/\/www.bilibili.com\/\?spm_id_from=(.)*/.test(currentUrl))
+    || /https?:\/\/www.bilibili.com\/\?spm_id_from=(.)*/.test(currentUrl)) {
    await import('./homePage.scss')
+    document.documentElement.classList.add('homePage')
+  }

  // notifications page
-  else if (/https?:\/\/message.bilibili.com\.*/.test(currentUrl))
+  else if (/https?:\/\/message.bilibili.com\.*/.test(currentUrl)) {
    await import('./notificationsPage.scss')
+    document.documentElement.classList.add('notificationsPage')
+  }

  // moments page
  else if (
    // moments
    /https?:\/\/t.bilibili.com\.*/.test(currentUrl)
    // moment detail
-    || /https?:\/\/www.bilibili.com\/opus\/.*/.test(currentUrl))
+    || /https?:\/\/www.bilibili.com\/opus\/.*/.test(currentUrl)) {
    await import('./momentsPage.scss')
+    document.documentElement.classList.add('momentsPage')
+  }

  // history page
-  else if (/https?:\/\/(www.)?bilibili.com\/account\/history.*/.test(currentUrl))
+  else if (/https?:\/\/(www.)?bilibili.com\/account\/history.*/.test(currentUrl)) {
    await import('./historyPage.scss')
+    document.documentElement.classList.add('historyPage')
+  }

  // user space page
-  else if (/https?:\/\/space.bilibili.com\.*/.test(currentUrl))
+  else if (/https?:\/\/space.bilibili.com\.*/.test(currentUrl)) {
    await import('./userSpacePage.scss')
+    document.documentElement.classList.add('userSpacePage')
+  }

  // search page
-  else if (/https?:\/\/search.bilibili.com\.*/.test(currentUrl))
+  else if (/https?:\/\/search.bilibili.com\.*/.test(currentUrl)) {
    await import('./searchPage.scss')
+    document.documentElement.classList.add('searchPage')
+  }

  // video page
  else if (
@@ -48,28 +60,38 @@ async function setupStyles() {
    || /https?:\/\/(www.)?bilibili.com\/list\/watchlater.*/.test(currentUrl)
    // favorite playlist
    || /https?:\/\/(www.)?bilibili.com\/list\/ml.*/.test(currentUrl)
-  )
+  ) {
    await import('./videoPage.scss')
+    document.documentElement.classList.add('videoPage')
+  }

  else if (
    // anime playback & movie page
    /https?:\/\/(www.)?bilibili.com\/bangumi\/play\/.*/.test(currentUrl)
-  )
+  ) {
    await import('./animePlayback&MoviePage.scss')
+    document.documentElement.classList.add('animePlaybackAndMoviePage')
+  }

  // anime page & chinese anime page
  else if (
-    /https?:\/\/(www.)?bilibili.com\/(anime|guochuang).*/.test(currentUrl))
+    /https?:\/\/(www.)?bilibili.com\/(anime|guochuang).*/.test(currentUrl)) {
    await import('./animePage.scss')
+    document.documentElement.classList.add('animePage')
+  }

  // channel page e.g. tv shows, movie, variety shows, mooc page
  else if (
-    /https?:\/\/(www.)?bilibili.com\/(tv|movie|variety|mooc|documentary).*/.test(currentUrl))
+    /https?:\/\/(www.)?bilibili.com\/(tv|movie|variety|mooc|documentary).*/.test(currentUrl)) {
    await import('./channelPage.scss')
+    document.documentElement.classList.add('channelPage')
+  }

  // articles page
-  else if (/https?:\/\/(www.)?bilibili.com\/read.*/.test(currentUrl))
+  else if (/https?:\/\/(www.)?bilibili.com\/read.*/.test(currentUrl)) {
    await import('./articlesPage.scss')
+    document.documentElement.classList.add('articlesPage')
+  }
 }

 setupStyles()
--- a/src/styles/adaptedStyles/momentsPage.scss
+++ b/src/styles/adaptedStyles/momentsPage.scss
@@ -1,4 +1,4 @@
-.bewly-design {
+.bewly-design.momentsPage {
  .bili-dyn-home--member {
    // margin-top: 10px;
  }
@@ -28,7 +28,8 @@

  .bili-dyn-topic__card,
  .bili-topic-new__default__create__text,
-  .opus-module-topic {
+  .opus-module-topic,
+  .side-toolbar__action.is-active {
    color: var(--bew-theme-color);
  }

@@ -56,13 +57,18 @@
    background-color: var(--bew-theme-color-20);
  }

+  .side-toolbar__action.is-active svg path,
+  .opus-collection__action svg path:last-child {
+    fill: var(--bew-theme-color);
+  }
+
  &.dark {
    #app div.bg {
      opacity: 0;
    }

    .bili-dyn-home--member,
-    #opus-detail-app + #app {
+    #app {
      --bg1: var(--bew-content-solid-1);
      --bg2: var(--bew-bg);
    }
@@ -72,6 +78,10 @@
      color: var(--bew-text-1);
    }

+    span[style*='color:#000000'] {
+      color: var(--bew-text-1) !important;
+    }
+
    .dyn-blocked-mask.feed-item .dyn-blocked-mask__msg-desc {
      color: var(--bew-text-2);
    }
@@ -80,17 +90,18 @@
      color: var(--bew-text-4);
    }

-    .bili-tabs__content .reaction-item {
+    .bili-tabs__content .reaction-item,
+    .opus-collection__header {
      box-shadow: inset 0 -0.5px 0 0 var(--bew-border-color);
-
-      .bili-button.primary.plain {
-        background-color: transparent;
-      }
    }

    .side-toolbar__btn.backtop span:before {
      filter: invert(1);
    }
+
+    .bili-button.primary.plain {
+      background-color: transparent;
+    }
  }
  // #endregion

--- a/src/styles/adaptedStyles/notificationsPage.scss
+++ b/src/styles/adaptedStyles/notificationsPage.scss
@@ -7,7 +7,7 @@
    height: calc(100vh - 70px);
  }
 }
-.bewly-design {
+.bewly-design.notificationsPage {
  #message-navbar {
    display: none;

--- a/src/styles/adaptedStyles/searchPage.scss
+++ b/src/styles/adaptedStyles/searchPage.scss
@@ -1,4 +1,4 @@
-.bewly-design {
+.bewly-design.searchPage {
  // .search-input-container .search-fixed-header.search-sticky-header {
  //   display: none;;
  // }
--- a/src/styles/adaptedStyles/userSpacePage.scss
+++ b/src/styles/adaptedStyles/userSpacePage.scss
@@ -6,7 +6,7 @@
  }
 }

-.bewly-design {
+.bewly-design.userSpacePage {
  .wrapper .edit-video-modal .target-favlist {
    padding: 12px 36px;
  }
@@ -50,7 +50,8 @@
    .card .main-content .button-bar .single-button .text-bar.selected,
    .wrapper .edit-video-modal .edit-video-subtitle,
    .list-style .iconfont.active,
-    .list-style .iconfont:hover {
+    .list-style .iconfont:hover,
+    .bili-dyn-interaction__item__desc .bili-rich-text-module:hover {
      color: var(--bew-theme-color);
    }

@@ -220,6 +221,11 @@
  // #region dark mode adaption part
  // 深色模式下對主題顏色調整
  &.dark {
+    .bili-dyn-item {
+      --bg1: var(--bew-content-solid-1);
+      --bg2: var(--bew-bg);
+    }
+
    .n .n-inner,
    #page-index .col-1,
    #page-index .col-2 .section,
@@ -249,7 +255,10 @@
      .fav-meta
      .fav-name,
    .wrapper .edit-video-modal .edit-video-title,
-    #page-series-detail .channel-detail .content .breadcrumb .item {
+    #page-series-detail .channel-detail .content .breadcrumb .item,
+    .user-info .info-content .info-value,
+    .opus-list .opus-item-title,
+    .elec .elec-setting, .elec .elec-total-c-num {
      color: var(--bew-text-1);
    }

@@ -260,14 +269,19 @@
    .channel-add-video .text,
    .series-item .item-title .qipapnum,
    .series-item .header .btn-row .btn,
-    #page-series-index
-      .channel-index
-      .breadcrumb
-      .item.cur
-      .create-series-icon {
+    #page-series-index .channel-index .breadcrumb .item.cur .create-series-icon,
+    .bili-dyn-interaction__item__desc .bili-rich-text-module,
+    .user-info .user-info-title .change-info-btn,
+    .user-info .info-content .info-command,
+    .opus-list .opus-item-content {
      color: var(--bew-text-2);
    }

+    .bili-dyn-interaction__item__desc .bili-rich-text__content,
+    .opus-list .opus-item-time {
+      color: var(--bew-text-3);
+    }
+
    .section,
    #page-index .fav-covers,
    #page-index .channel .channel-item,
@@ -355,7 +369,11 @@
    .series-item .item-title .qipapnum,
    .series-item .header .btn-row .btn,
    #page-series-index .channel-index .breadcrumb .item.cur .create-series-icon,
-    #page-series-detail .filter {
+    #page-series-detail .filter,
+    .user-info .user-info-title .change-info-btn,
+    .fav-header,
+    .opus-list .opus-item,
+    .elec .elec-avatar {
      border-color: var(--bew-border-color);
    }

@@ -492,7 +510,8 @@

    .search-page,
    .card,
-    .feed-dynamic-content .bb-comment {
+    .feed-dynamic-content .bb-comment,
+    #page-dynamic .bili-dyn-item {
      background-color: var(--bew-content-solid-1);
    }

--- a/src/styles/adaptedStyles/videoPage.scss
+++ b/src/styles/adaptedStyles/videoPage.scss
@@ -1,4 +1,4 @@
-.bewly-design {
+.bewly-design.videoPage {
  .user-card-m-exp .layout {
    display: none;
  }
@@ -148,6 +148,15 @@
  .video-ai-assistant .video-ai-assistant-info {
    -webkit-text-fill-color: var(--bew-theme-color);
  }
+
+  .upinfo-btn-panel .new-charge-btn .charge-btn-icon img,
+  .bpx-player-viewpoint-menu-item-active,
+  .cur-play-icon,
+  .playing-gif,
+  .multi-page-v1 .cur-list .list-box li.on img,
+  .coin-operated-m-exp .like-checkbox input[type='checkbox']:checked + i {
+    filter: var(--bew-filter-icon-glow);
+  }
  // #endregion

  // #region dark mode adaption part
@@ -186,7 +195,9 @@
    .ql-snow.ql-toolbar button,
    .ql-snow .ql-toolbar button,
    .ql-snow .ql-picker,
-    .video-owner-state .video-owner-state-item {
+    .video-owner-state .video-owner-state-item,
+    .ql-editor .ql-color-\#000000,
+    .ql-editor {
      color: var(--bew-text-1);
    }

@@ -209,7 +220,8 @@
      fill: var(--bew-text-1);
    }

-    .ql-snow .ql-fill, .ql-snow .ql-stroke.ql-fill {
+    .ql-snow .ql-fill,
+    .ql-snow .ql-stroke.ql-fill {
      fill: var(--bew-text-2);
    }

@@ -225,15 +237,6 @@
    .note-detail .note-operation .sanlian-box {
      border-color: var(--bew-border-color);
    }
-
-    .upinfo-btn-panel .new-charge-btn .charge-btn-icon img,
-    .bpx-player-viewpoint-menu-item-active,
-    .cur-play-icon,
-    .playing-gif,
-    .multi-page-v1 .cur-list .list-box li.on img,
-    .coin-operated-m-exp .like-checkbox input[type='checkbox']:checked + i {
-      filter: var(--bew-filter-icon-glow);
-    }
  }
  //  #endregion
 }
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -15,8 +15,6 @@

 ::-webkit-scrollbar-track {
  background: transparent;
-
-
 }

 html.bewly-design > ::-webkit-scrollbar-track {
@@ -32,6 +30,11 @@ html.bewly-design > ::-webkit-scrollbar-track {
  background: transparent;
 }

+::selection {
+  color: white;
+  background: var(--bew-theme-color-80);
+}
+
 html.bewly-design,
 .bewly-design body {
  font-size: 14px !important;
--- a/src/styles/variables.scss
+++ b/src/styles/variables.scss
@@ -4,6 +4,9 @@
  --bew-radius-half: calc(var(--bew-radius) / 2);

  --bew-filter-glass: blur(20px) saturate(180%);
+  --bew-filter-icon-glow: saturate(0) brightness(2)
+    drop-shadow(0 0 2px var(--bew-theme-color))
+    drop-shadow(0 0 4px var(--bew-theme-color));

  // #region shadow
  --bew-shadow-1: 0 4px 6px -1px rgb(0 0 0 / 0.1),
@@ -118,9 +121,6 @@
  --bew-border-color: rgb(131 131 145 / 18%);

  --bew-page-max-width: 2280px;
-
-  --bew-filter-icon-glow: saturate(0) brightness(2)
-    drop-shadow(0 0 4px var(--bew-theme-color));
 }

 :host(.dark),
@@ -195,6 +195,7 @@
  --bpx-box-shadow: rgba(0, 0, 0, 0.15);
  --bpx-toast-fn-color: var(--bew-theme-color);
  --bpx-toast-fn-hover-color: var(--bew-theme-color-80);
+  --bpx-primary-color: var(--bew-theme-color);
 }

 :root.dark.bewly-design {
@@ -265,193 +266,193 @@
 }

 :root.bewly-design {
-      --Ga0: #F6F7F8;
-    --Ga0_s: #F6F7F8;
-    --Ga0_t: #F6F7F8;
-    --Ga1: #F1F2F3;
-    --Ga1_s: #F1F2F3;
-    --Ga1_t: #F1F2F3;
-    --Ga1_e: #F1F2F3;
-    --Ga2: #E3E5E7;
-    --Ga2_t: #E3E5E7;
-    --Ga3: #C9CCD0;
-    --Ga3_t: #C9CCD0;
-    --Ga4: #AEB3B9;
-    --Ga4_t: #AEB3B9;
-    --Ga5: #9499A0;
-    --Ga5_t: #9499A0;
-    --Ga6: #797F87;
-    --Ga6_t: #797F87;
-    --Ga7: #61666D;
-    --Ga7_t: #61666D;
-    --Ga8: #484C53;
-    --Ga8_t: #484C53;
-    --Ga9: #2F3238;
-    --Ga9_t: #2F3238;
-    --Ga10: #18191C;
-    --Ga10_t: #18191C;
-    --Ga11: #FFFFFF;
-    --Ga12: #F1F2F3;
-    --Wh0: #FFFFFF;
-    --Wh0_t: #FFFFFF;
-    --Ba0: #000000;
-    --Ba0_s: #000000;
-    --Ba0_t: #000000;
-    --Pi0: #FFF3F6;
-    --Pi1: #FFECF1;
-    --Pi2: #FFD9E4;
-    --Pi3: #FFB3CA;
-    --Pi4: #FF8CB0;
-    --Pi5: #FF6699;
-    --Pi5_t: #FF6699;
-    --Pi6: #E84B85;
-    --Pi7: #D03171;
-    --Pi8: #AD1C5B;
-    --Pi9: #771141;
-    --Pi10: #3F0723;
-    --Ma0: #FEF3FC;
-    --Ma1: #FDEBFA;
-    --Ma2: #FBD7F4;
-    --Ma3: #F7AEEB;
-    --Ma4: #F286E2;
-    --Ma5: #EE5DDB;
-    --Ma6: #DA41CB;
-    --Ma7: #C525BA;
-    --Ma8: #9B1797;
-    --Ma9: #670F67;
-    --Ma10: #330834;
-    --Re0: #FEF3F2;
-    --Re1: #FEECEA;
-    --Re2: #FDD7D4;
-    --Re3: #FCAFAA;
-    --Re4: #FA857F;
-    --Re5: #F85A54;
-    --Re6: #E23D3D;
-    --Re7: #C9272C;
-    --Re8: #9F1922;
-    --Re9: #710E18;
-    --Re10: #3B060D;
-    --Or0: #FFF6EE;
-    --Or1: #FFF0E3;
-    --Or2: #FFE1C7;
-    --Or3: #FFC18F;
-    --Or4: #FFA058;
-    --Or5: #FF7F24;
-    --Or6: #E95B03;
-    --Or7: #BB4100;
-    --Or8: #8D2D00;
-    --Or9: #5E1B00;
-    --Or10: #2F0C00;
-    --Ye0: #FFFAEF;
-    --Ye1: #FFF6E4;
-    --Ye2: #FFEEC9;
-    --Ye3: #FFDB93;
-    --Ye4: #FFC65D;
-    --Ye5: #FFB027;
-    --Ye6: #E58900;
-    --Ye7: #B76800;
-    --Ye8: #8A4A00;
-    --Ye9: #5B2E00;
-    --Ye10: #2F1600;
-    --Ly0: #FFFCEC;
-    --Ly1: #FFFADF;
-    --Ly2: #FFF5BF;
-    --Ly3: #FFEA80;
-    --Ly4: #FFDC40;
-    --Ly5: #FFCC00;
-    --Ly6: #D5A300;
-    --Ly7: #AA7D00;
-    --Ly8: #805A00;
-    --Ly9: #553900;
-    --Ly10: #2B1B00;
-    --Lg0: #F7FBEF;
-    --Lg1: #F2F9E4;
-    --Lg2: #E3F2C8;
-    --Lg3: #C7E691;
-    --Lg4: #A9D95B;
-    --Lg5: #88CC24;
-    --Lg6: #66B105;
-    --Lg7: #4E8E04;
-    --Lg8: #376A03;
-    --Lg9: #224702;
-    --Lg10: #102301;
-    --Gr0: #EFFBF3;
-    --Gr1: #E4F8EA;
-    --Gr2: #CAF1D6;
-    --Gr3: #95E4AF;
-    --Gr4: #5FD689;
-    --Gr5: #2AC864;
-    --Gr6: #0EB350;
-    --Gr7: #089043;
-    --Gr8: #046E35;
-    --Gr9: #034926;
-    --Gr10: #012414;
-    --Cy0: #EDFBFB;
-    --Cy1: #E2F8F8;
-    --Cy2: #C4EFF0;
-    --Cy3: #89E1E1;
-    --Cy4: #4FD3D1;
-    --Cy5: #14C4BF;
-    --Cy6: #02AAAA;
-    --Cy7: #018488;
-    --Cy8: #015F66;
-    --Cy9: #013D44;
-    --Cy10: #001D22;
-    --Lb0: #ECFAFE;
-    --Lb1: #DFF6FD;
-    --Lb2: #BFEDFA;
-    --Lb3: #80DAF6;
-    --Lb4: #40C5F1;
-    --Lb5: #00AEEC;
-    --Lb6: #008AC5;
-    --Lb7: #00699D;
-    --Lb8: #004B76;
-    --Lb9: #002F4F;
-    --Lb10: #001627;
-    --Bl0: #F3F5FF;
-    --Bl1: #EBEFFF;
-    --Bl2: #D7DFFF;
-    --Bl3: #B0C1FF;
-    --Bl4: #88A4FF;
-    --Bl5: #6188FF;
-    --Bl6: #4C6DE4;
-    --Bl7: #3752C8;
-    --Bl8: #2136AC;
-    --Bl9: #121F7F;
-    --Bl10: #080D41;
-    --Pu0: #F9F4FF;
-    --Pu1: #F6EDFF;
-    --Pu2: #EDDBFF;
-    --Pu3: #D8B6FF;
-    --Pu4: #C392FF;
-    --Pu5: #AC6DFF;
-    --Pu6: #8F56E4;
-    --Pu7: #723ECC;
-    --Pu8: #5627B3;
-    --Pu9: #371683;
-    --Pu10: #190A44;
-    --Br0: #FAF8F6;
-    --Br1: #F7F3F0;
-    --Br2: #EFE7E0;
-    --Br3: #E0CFC1;
-    --Br4: #D0B7A3;
-    --Br5: #C19D84;
-    --Br6: #A5816A;
-    --Br7: #856553;
-    --Br8: #634A3E;
-    --Br9: #423029;
-    --Br10: #211815;
-    --Si0: #F9FBFC;
-    --Si1: #F5F7FA;
-    --Si2: #EBEFF4;
-    --Si3: #D7E0EA;
-    --Si4: #C3D0DF;
-    --Si5: #AFC0D5;
-    --Si6: #8D9FB9;
-    --Si7: #6D7F9C;
-    --Si8: #4D5D7C;
-    --Si9: #323D54;
-    --Si10: #191E2B;
+  --Ga0: #f6f7f8;
+  --Ga0_s: #f6f7f8;
+  --Ga0_t: #f6f7f8;
+  --Ga1: #f1f2f3;
+  --Ga1_s: #f1f2f3;
+  --Ga1_t: #f1f2f3;
+  --Ga1_e: #f1f2f3;
+  --Ga2: #e3e5e7;
+  --Ga2_t: #e3e5e7;
+  --Ga3: #c9ccd0;
+  --Ga3_t: #c9ccd0;
+  --Ga4: #aeb3b9;
+  --Ga4_t: #aeb3b9;
+  --Ga5: #9499a0;
+  --Ga5_t: #9499a0;
+  --Ga6: #797f87;
+  --Ga6_t: #797f87;
+  --Ga7: #61666d;
+  --Ga7_t: #61666d;
+  --Ga8: #484c53;
+  --Ga8_t: #484c53;
+  --Ga9: #2f3238;
+  --Ga9_t: #2f3238;
+  --Ga10: #18191c;
+  --Ga10_t: #18191c;
+  --Ga11: #ffffff;
+  --Ga12: #f1f2f3;
+  --Wh0: #ffffff;
+  --Wh0_t: #ffffff;
+  --Ba0: #000000;
+  --Ba0_s: #000000;
+  --Ba0_t: #000000;
+  --Pi0: #fff3f6;
+  --Pi1: #ffecf1;
+  --Pi2: #ffd9e4;
+  --Pi3: #ffb3ca;
+  --Pi4: #ff8cb0;
+  --Pi5: #ff6699;
+  --Pi5_t: #ff6699;
+  --Pi6: #e84b85;
+  --Pi7: #d03171;
+  --Pi8: #ad1c5b;
+  --Pi9: #771141;
+  --Pi10: #3f0723;
+  --Ma0: #fef3fc;
+  --Ma1: #fdebfa;
+  --Ma2: #fbd7f4;
+  --Ma3: #f7aeeb;
+  --Ma4: #f286e2;
+  --Ma5: #ee5ddb;
+  --Ma6: #da41cb;
+  --Ma7: #c525ba;
+  --Ma8: #9b1797;
+  --Ma9: #670f67;
+  --Ma10: #330834;
+  --Re0: #fef3f2;
+  --Re1: #feecea;
+  --Re2: #fdd7d4;
+  --Re3: #fcafaa;
+  --Re4: #fa857f;
+  --Re5: #f85a54;
+  --Re6: #e23d3d;
+  --Re7: #c9272c;
+  --Re8: #9f1922;
+  --Re9: #710e18;
+  --Re10: #3b060d;
+  --Or0: #fff6ee;
+  --Or1: #fff0e3;
+  --Or2: #ffe1c7;
+  --Or3: #ffc18f;
+  --Or4: #ffa058;
+  --Or5: #ff7f24;
+  --Or6: #e95b03;
+  --Or7: #bb4100;
+  --Or8: #8d2d00;
+  --Or9: #5e1b00;
+  --Or10: #2f0c00;
+  --Ye0: #fffaef;
+  --Ye1: #fff6e4;
+  --Ye2: #ffeec9;
+  --Ye3: #ffdb93;
+  --Ye4: #ffc65d;
+  --Ye5: #ffb027;
+  --Ye6: #e58900;
+  --Ye7: #b76800;
+  --Ye8: #8a4a00;
+  --Ye9: #5b2e00;
+  --Ye10: #2f1600;
+  --Ly0: #fffcec;
+  --Ly1: #fffadf;
+  --Ly2: #fff5bf;
+  --Ly3: #ffea80;
+  --Ly4: #ffdc40;
+  --Ly5: #ffcc00;
+  --Ly6: #d5a300;
+  --Ly7: #aa7d00;
+  --Ly8: #805a00;
+  --Ly9: #553900;
+  --Ly10: #2b1b00;
+  --Lg0: #f7fbef;
+  --Lg1: #f2f9e4;
+  --Lg2: #e3f2c8;
+  --Lg3: #c7e691;
+  --Lg4: #a9d95b;
+  --Lg5: #88cc24;
+  --Lg6: #66b105;
+  --Lg7: #4e8e04;
+  --Lg8: #376a03;
+  --Lg9: #224702;
+  --Lg10: #102301;
+  --Gr0: #effbf3;
+  --Gr1: #e4f8ea;
+  --Gr2: #caf1d6;
+  --Gr3: #95e4af;
+  --Gr4: #5fd689;
+  --Gr5: #2ac864;
+  --Gr6: #0eb350;
+  --Gr7: #089043;
+  --Gr8: #046e35;
+  --Gr9: #034926;
+  --Gr10: #012414;
+  --Cy0: #edfbfb;
+  --Cy1: #e2f8f8;
+  --Cy2: #c4eff0;
+  --Cy3: #89e1e1;
+  --Cy4: #4fd3d1;
+  --Cy5: #14c4bf;
+  --Cy6: #02aaaa;
+  --Cy7: #018488;
+  --Cy8: #015f66;
+  --Cy9: #013d44;
+  --Cy10: #001d22;
+  --Lb0: #ecfafe;
+  --Lb1: #dff6fd;
+  --Lb2: #bfedfa;
+  --Lb3: #80daf6;
+  --Lb4: #40c5f1;
+  --Lb5: #00aeec;
+  --Lb6: #008ac5;
+  --Lb7: #00699d;
+  --Lb8: #004b76;
+  --Lb9: #002f4f;
+  --Lb10: #001627;
+  --Bl0: #f3f5ff;
+  --Bl1: #ebefff;
+  --Bl2: #d7dfff;
+  --Bl3: #b0c1ff;
+  --Bl4: #88a4ff;
+  --Bl5: #6188ff;
+  --Bl6: #4c6de4;
+  --Bl7: #3752c8;
+  --Bl8: #2136ac;
+  --Bl9: #121f7f;
+  --Bl10: #080d41;
+  --Pu0: #f9f4ff;
+  --Pu1: #f6edff;
+  --Pu2: #eddbff;
+  --Pu3: #d8b6ff;
+  --Pu4: #c392ff;
+  --Pu5: #ac6dff;
+  --Pu6: #8f56e4;
+  --Pu7: #723ecc;
+  --Pu8: #5627b3;
+  --Pu9: #371683;
+  --Pu10: #190a44;
+  --Br0: #faf8f6;
+  --Br1: #f7f3f0;
+  --Br2: #efe7e0;
+  --Br3: #e0cfc1;
+  --Br4: #d0b7a3;
+  --Br5: #c19d84;
+  --Br6: #a5816a;
+  --Br7: #856553;
+  --Br8: #634a3e;
+  --Br9: #423029;
+  --Br10: #211815;
+  --Si0: #f9fbfc;
+  --Si1: #f5f7fa;
+  --Si2: #ebeff4;
+  --Si3: #d7e0ea;
+  --Si4: #c3d0df;
+  --Si5: #afc0d5;
+  --Si6: #8d9fb9;
+  --Si7: #6d7f9c;
+  --Si8: #4d5d7c;
+  --Si9: #323d54;
+  --Si10: #191e2b;
 }

 // https://s1.hdslb.com/bfs/static/jinkela/long/laputa-css/dark.css