remove deprecated code

packages/preset-themes/src/styles/antarctic.scss

@@ -40,174 +40,3 @@
     background-size: cover;
   }
 }
-
-// @use '@growi/core/scss/bootstrap/init' as bs;
-
-// @use './variables' as var;
-// @use './theme/mixins/page-editor-mode-manager';
-// @use './theme/hsl-functions' as hsl;
-
-// //== Light Mode
-// //
-// :root[data-bs-theme='light'] {
-//   --primary: hsl(var(--primary-hs),var(--primary-l)) !important;
-//   --primary-hs: 240,100%;
-//   --primary-l: 25%;
-//   --secondary: hsl(var(--secondary-hs),var(--secondary-l)) !important;
-//   --secondary-hs: 208,7%;
-//   --secondary-l: 46%;
-
-//   // Background colors
-//   --bgcolor-global: hsl(var(--bgcolor-global-hs),var(--bgcolor-global-l));
-//   --bgcolor-global-hs: 208,100%;
-//   --bgcolor-global-l: 97%;
-//   --bgcolor-inline-code: #{bs.$gray-100}; //optional
-//   --bgcolor-card: #{bs.$gray-100};
-//   --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 15%)};
-//   --bgcolor-keyword-highlighted: #{var.$grw-marker-yellow};
-
-//   // Font colors
-//   --color-global: hsl(var(--color-global-hs),var(--color-global-l));
-//   --color-global-hs: 0,0%;
-//   --color-global-l: 0%;
-//   --color-reversal: #eeeeee;
-//   // --color-header: #2b2b2b;
-//   --color-link: #{hsl.lighten(var(--primary), 20%)};
-//   --color-link-hs: var(--primary-hs);
-//   --color-link-l: calc(var(--primary-l) + 20%);
-//   --color-link-hover: #{hsl.lighten(var(--primary), 40%)};
-//   --color-link-wiki: #{hsl.lighten(var(--primary), 20%)};
-//   --color-link-wiki-hs: var(--primary-hs);
-//   --color-link-wiki-l: calc(var(--primary-l) + 20%);
-//   --color-link-wiki-hover: l#{hsl.lighten(var(--primary), 40%)};
-//   --color-link-nabvar: var(--color-reversal);
-//   --color-inline-code: #c7254e; // optional
-
-//   // List Group colors
-//   // --color-list: var(--color-global);
-//   // --bgcolor-list: var(--bgcolor-global);
-//   // --color-list-hover: var(--color-reversal);
-//   // --bgcolor-list-hover: ;
-//   // --color-list-active: var(--color-reversal);
-//   // --bgcolor-list-active: var(--primary);
-
-//   // Table colors
-//   // --color-table: #; // optional
-//   --bgcolor-table: var(--bgcolor-global); // optional
-//   // --border-color-table: #; // optional
-//   // --color-table-hover: #; // optional
-//   // --bgcolor-table-hover: #; // optional
-
-//   // Navbar
-//   --bgcolor-navbar: hsl(var(--bgcolor-navbar-hs),var(--bgcolor-navbar-l));
-//   --bgcolor-navbar-hs: 216,9%;
-//   --bgcolor-navbar-l: 23%;
-//   --bgcolor-search-top-dropdown: hsl(var(--bgcolor-search-top-dropdown-hs),var(--bgcolor-search-top-dropdown-l));
-//   --bgcolor-search-top-dropdown-hs: 35,96%;
-//   --bgcolor-search-top-dropdown-l: 53%;
-//   --border-image-navbar: linear-gradient(to right, #f6d02e 0%, #f87c00 47%, #f6d02e 100%);
-
-//   // Logo colors
-//   --bgcolor-logo: var(--bgcolor-navbar);
-//   --fillcolor-logo-mark: #{lighten(desaturate(bs.$gray-100, 10%), 15%)};
-
-//   // Sidebar
-//   --bgcolor-sidebar: var(--primary);
-//   --bgcolor-sidebar-hs: var(--primary-hs);
-//   --bgcolor-sidebar-l: var(--primary-l);
-//   --bgcolor-sidebar-nav-item-active: rgba(black, 0.37); // optional
-//   --text-shadow-sidebar-nav-item-active: 0px 0px 10px #0099ff; // optional
-
-//   // Sidebar resize button
-//   --color-resize-button: var(--color-reversal);
-//   --bgcolor-resize-button: hsl(var(--bgcolor-resize-button-hs),var(--bgcolor-resize-button-l));
-//   --bgcolor-resize-button-hs: 35,96%;
-//   --bgcolor-resize-button-l: 53%;
-//   --color-resize-button-hover: var(--color-reversal);
-//   --bgcolor-resize-button-hover: #{hsl.lighten(var(--bgcolor-resize-button), 5%)};
-
-//   // Sidebar contents
-//   --color-sidebar-context: var(--primary);
-//   --color-sidebar-context-hs: var(--primary-hs);
-//   --color-sidebar-context-l: var(--primary-l);
-//   --bgcolor-sidebar-context: hsl(var(--bgcolor-sidebar-context-hs),var(--bgcolor-sidebar-context-l));
-//   --bgcolor-sidebar-context-hs: 225,57%;
-//   --bgcolor-sidebar-context-l: 97%;
-
-//   // Sidebar list group
-//   --bgcolor-sidebar-list-group: #fafbff; // optional
-
-//   // Subnavigation
-//   --bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));
-//   --bgcolor-subnav-hs: var(--bgcolor-global-hs);
-//   --bgcolor-subnav-l: calc(var(--bgcolor-global-l) - 3%);
-
-//   // Icon colors
-//   --color-editor-icons: var(--color-global);
-
-//   // Border colors
-//   --border-color-theme: #{bs.$gray-400};
-//   --border-color-global: #{gray-400};
-//   --bordercolor-inline-code: #ccc8c8; // optional
-
-//   // Dropdown colors
-//   --bgcolor-dropdown-link-active: #{var.$growi-blue};
-
-//   // admin theme box
-//   --color-theme-color-box: #{hsl.lighten(var(--primary), 20%)};
-
-//   &, body {
-//     background-image: url('../images/antarctic/bg.svg');
-//     background-attachment: fixed;
-//     background-position: 50%;
-//     background-size: cover;
-//   }
-
-//   //Button
-//   .btn-group.grw-page-editor-mode-manager {
-//     .btn.btn-outline-primary {
-//       @include page-editor-mode-manager.btn-page-editor-mode-manager(#{hsl.darken(var(--primary), 10%)}, #{hsl.lighten(var(--primary), 55%)}, #{hsl.lighten(var(--primary), 60%)});
-//     }
-//   }
-
-//   .table {
-//     background-color:  var(--bgcolor-global);
-//   }
-
-//   #search-typeahead-asynctypeahead {
-//     background-color: var(--bgcolor-global);
-//     .table {
-//       background-color: transparent;
-//     }
-//   }
-
-//   .growi:not(.login-page) {
-//     // add background-image
-//     .page-editor-preview-container {
-//       background-image: url('/images/themes/antarctic/bg.svg');
-//       background-attachment: fixed;
-//       background-position: center center;
-//       background-size: cover;
-//     }
-//   }
-
-//   .nologin {
-//     .page-wrapper {
-//       background-image: url('../images/antarctic/topimage.svg');
-//       background-attachment: fixed;
-//       background-position: center center;
-//       background-size: cover;
-
-//       .nologin-dialog .link-switch {
-//         color: rgba(black, 0.5);
-//       }
-//       .grw-external-auth-form {
-//         border-color: #aaa;
-//       }
-//     }
-//   }
-
-//   .grw-navbar {
-//     border-bottom: #ffd700 4px solid;
-//   }
-// }

packages/preset-themes/src/styles/blackboard.scss

@@ -39,147 +39,3 @@
     background-size: cover;
   }
 }
-
-// @use '@growi/core/scss/bootstrap/init' as bs;
-
-// @use './variables' as var;
-// @use './theme/mixins/page-editor-mode-manager';
-// @use './theme/hsl-functions' as hsl;
-
-// :root[data-bs-theme='dark']{
-//   // Theme colors
-//   --primary: hsl(var(--primary-hs),var(--primary-l)) !important;
-//   --primary-hs: 36,95%;
-//   --primary-l: 44%;
-//   --secondary: hsl(var(--secondary-hs),var(--secondary-l)) !important;
-//   --secondary-hs: 208,7%;
-//   --secondary-l: 46%;
-//   --subthemecolor: hsl(var(--subthemecolor-hs),var(--subthemecolor-l));
-//   --subthemecolor-hs: 141,25%;
-//   --subthemecolor-l: 13%;
-
-//   // Background colors
-//   --bgcolor-global: hsl(var(--bgcolor-global-hs),var(--bgcolor-global-l));
-//   --bgcolor-global-hs: 140,24%;
-//   --bgcolor-global-l: 17%;
-//   --bgcolor-inline-code: #{bs.$gray-100}; //optional
-//   --bgcolor-card: #{hsl.darken(var(--bgcolor-global), 5%)};
-//   --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 50%)};
-//   --bgcolor-keyword-highlighted: #{darken(var.$grw-marker-red, 30%)};
-
-//   // Font colors
-//   --color-global: hsl(var(--color-global-hs),var(--color-global-l));
-//   --color-global-hs: 0,0%;
-//   --color-global-l: 100%;
-//   --color-reversal: var(--gray-100);
-//   --color-link: hsl(var(--color-link-hs),var(--color-link-l));
-//   --color-link-hs: 223,100%;
-//   --color-link-l: 73%;
-//   --color-link-hover: #{hsl.lighten(var(--color-link), 12%)};
-//   --color-link-wiki: var(--color-link);
-//   --color-link-wiki-hs: var(--color-link-hs);
-//   --color-link-wiki-l: var(--color-link-l);
-//   --color-link-wiki-hover: #{hsl.lighten(var(--color-link), 12%)};
-//   --color-link-nabvar: var(--color-reversal);
-//   --color-inline-code: var(--subthemecolor);
-//   --color-search: $dark;
-
-//   // List Group colors
-//   // --color-list: var(--color-global);
-//   --bgcolor-list: transparent;
-//   --color-list-hover: var(--color-link);
-//   // --bgcolor-list-hover: #{hsl.lighten(var(--bgcolor-global), 3%);
-//   // --color-list-active: var(--color-reversal);
-//   // --bgcolor-list-active: var(--primary);
-
-//   // Table colors
-//   // --color-table: #; // optional
-//   --bgcolor-table: var(--bgcolor-global); // optional
-//   // --border-color-table: #; // optional
-//   // --color-table-hover: #; // optional
-//   // --bgcolor-table-hover: #; // optional
-
-//   // Navbar
-//   --bgcolor-navbar: hsl(var(--bgcolor-navbar-hs),var(--bgcolor-navbar-l));
-//   --bgcolor-navbar-hs: 32,42%;
-//   --bgcolor-navbar-l: 24%;
-//   --bgcolor-search-top-dropdown: var(--primary);
-//   --bgcolor-search-top-dropdown-hs: var(--primary-hs);
-//   --bgcolor-search-top-dropdown-l: var(--primary-l);
-//   --border-image-navbar: linear-gradient(to right, #bebebe 0%, #d8d8d8 100%);
-
-//   // Logo colors
-//   --bgcolor-logo: var(--color-global);
-//   --fillcolor-logo-mark: var(--color-global);
-
-//   // Sidebar
-//   --bgcolor-sidebar: hsl(var(--bgcolor-sidebar-hs),var(--bgcolor-sidebar-l));
-//   --bgcolor-sidebar-hs: 32,42%;
-//   --bgcolor-sidebar-l: 34%;
-//   // 00bgcolor-sidebar-nav-item-active: rgba(#, 0.3); // optional
-//   --text-shadow-sidebar-nav-item-active: 0px 0px 10px var(--primary); // optional
-
-//   // Sidebar resize button
-//   --color-resize-button: var(--color-global);
-//   --bgcolor-resize-button: var(--primary);
-//   --bgcolor-resize-button-hs: var(--primary-hs);
-//   --bgcolor-resize-button-l: var(--primary-l);
-//   --color-resize-button-hover: var(--color-global);
-//   --bgcolor-resize-button-hover: #{hsl.darken(var(--color-global), 5%)};
-
-//   // Sidebar contents
-//   --color-sidebar-context: var(--color-global);
-//   --color-sidebar-context-hs: var(--color-global-hs);
-//   --color-sidebar-context-l: var(--color-global-l);
-//   --bgcolor-sidebar-context: #{hsl.lighten(var(--subthemecolor),8%)};
-//   --bgcolor-sidebar-context-hs: var(--subthemecolor-hs);
-//   --bgcolor-sidebar-context-l: calc(var(--subthemecolor-l) + 8%);
-
-//   // Sidebar list group
-//   // --bgcolor-sidebar-list-group: #; // optional
-
-//   // Subnavigation
-//   --bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));
-//   --bgcolor-subnav-hs: var(--bgcolor-global-hs);
-//   --bgcolor-subnav-l: calc(var(--bgcolor-global-l) - 3%);
-
-//   // Icon colors
-//   --color-editor-icons: var(--color-global);
-
-//   // Border colors
-//   --border-color-theme: var(--color-global);
-//   --bordercolor-inline-code: #4d4d4d; // optional
-
-//   // admin theme box
-//   --color-theme-color-box: var(--primary);
-
-//   // Navs
-//   .nav-tabs {
-//     border-bottom: var(--border-color-theme) 1px solid;
-//     .nav-link {
-//       &:hover {
-//         border-color: #{hsl.lighten(var(--color-global), 10%)};
-//         border-bottom: none;
-//       }
-//       &.active {
-//         color: var(--color-link);
-//         background-color: transparent;
-//         border-color: var(--border-color-theme);
-//       }
-//     }
-//   }
-
-//   // Table
-//   .table {
-//     color: white;
-//     background-color: var(--bgcolor-global);
-//     border-color: var(--border-color-theme);
-//   }
-
-//   // Button
-//   .btn-group.grw-page-editor-mode-manager {
-//     .btn.btn-outline-primary {
-//       @include page-editor-mode-manager.btn-page-editor-mode-manager(#ffffff, var(--primary), var(--primary), #{hsl.darken(var(--primary), 20%)});
-//     }
-//   }
-// }

packages/preset-themes/src/styles/default.scss

@@ -69,260 +69,3 @@
   --grw-wiki-link-hover-color-rgb: var(--grw-highlight-400-rgb);
   --grw-sidebar-nav-btn-color: rgba(var(--grw-highlight-400-rgb), 0.8);
 }
-
-// @use './variables' as var;
-// @use './theme/mixins/page-editor-mode-manager';
-// @use './theme/hsl-functions' as hsl;
-
-// //== Light Mode
-// //
-// :root[data-bs-theme='light'] {
-//   --primary: hsl(var(--primary-hs),var(--primary-l));
-//   --primary-hs: 216.7,65%;
-//   --primary-l: 20.2%;
-//   --secondary: hsl(var(--secondary-hs),var(--secondary-l));
-//   --secondary-hs: 208,7%;
-//   --secondary-l: 46%;
-//   --accent: hsl(var(--accent-hs),var(--accent-l));
-//   --accent-hs: 198.6,74.2%;
-//   --accent-l: 48.6%;
-
-//   // Background colors
-//   --bgcolor-global: hsl(var(--bgcolor-global-hs),var(--bgcolor-global-l));
-//   --bgcolor-global-hs: 0,0%;
-//   --bgcolor-global-l: 100%;
-//   --bgcolor-inline-code: #{bs.$gray-100}; //optional
-//   --bgcolor-card: #{bs.$gray-100};
-//   --bgcolor-blinked-section: #{hsl.alpha(var(--primary),10%)};
-//   // --bgcolor-keyword-highlighted: #{$grw-marker-yellow};
-
-//   // Font colors
-//   --color-global: hsl(var(--color-global-hs),var(--color-global-l));
-//   --color-global-hs: 214.1,60%;
-//   --color-global-l: 16.7%;
-//   --color-reversal: var(--light);
-//   // --color-header: #2b2b2b;
-//   --color-link: hsl(var(--color-link-hs),var(--color-link-l));
-//   --color-link-hs: 228.4,76.3%;
-//   --color-link-l: 41.4%;
-//   --color-link-hover: #{hsl.lighten(var(--color-link),20%)};
-//   --color-link-wiki: var(--color-link);
-//   --color-link-wiki-hs: var(--color-link-hs);
-//   --color-link-wiki-l: var(--color-link-l);
-//   --color-link-wiki-hover: #{hsl.lighten(var(--color-link-wiki),20%)};
-//   --color-link-nabvar: #{bs.$gray-500};
-//   --color-inline-code: #{darken(bs.$red, 15%)}; // optional
-
-//   // List Group colors
-//   --color-list: var(--color-global); // optional
-//   --bgcolor-list: var(--bgcolor-global); // optional
-//   // --color-list-hover: var(--color-global); // optional
-//   --bgcolor-list-hover: #{hsl.darken(var(--bgcolor-global),3%)};// optional
-//   // --color-list-active: white ; // optional
-//   // --bgcolor-list-active: #{hsl.lighten(var(--bgcolor-global),3%)}; // optional
-//   // --color-page-list-group-item-meta: #{bs.$gray-500}; // optional
-
-//   // Table colors
-//   // --color-table: #; // optional
-//   // --bgcolor-table: #; // optional
-//   // --border-color-table: #; // optional
-//   // --color-table-hover: #; // optional
-//   // --bgcolor-table-hover: #; // optional
-
-//   // Navbar
-//   --bgcolor-navbar: #{bs.$gray-900};
-//   --bgcolor-navbar-h:0;
-//   --bgcolor-navbar-s:0%;
-//   --bgcolor-navbar-l:12.94%;
-//   --bgcolor-navbar-hs: 0,0%;
-//   --bgcolor-search-top-dropdown: var(--accent);
-//   --bgcolor-search-top-dropdown-hs: var(--accent-hs);
-//   --bgcolor-search-top-dropdown-l: var(--accent-l);
-//   --border-image-navbar: linear-gradient(to right, #36c9ff 0%, #36c9ff 33%, #7926ff 66%, #ff2eff 100%);
-
-//   // Logo colors
-//   --bgcolor-logo: var(--bgcolor-navbar);
-//   --fillcolor-logo-mark: hsl(var(--bgcolor-navbar-h),calc(var(--bgcolor-navbar-s) - 20%),calc(var(--bgcolor-navbar-l) + 15%));
-
-//   // Sidebar
-//   --bgcolor-sidebar: var(--primary);
-//   --bgcolor-sidebar-hs: var(--primary-hs);
-//   --bgcolor-sidebar-l: var(--primary-l);
-//   --bgcolor-sidebar-nav-item-active: rgba(black, 0.37); // optional
-//   --text-shadow-sidebar-nav-item-active: 0px 0px 10px #0099ff; // optional
-
-//   // Sidebar resize button
-//   --color-resize-button: var(--color-reversal);
-//   --bgcolor-resize-button: var(--accent);
-//   --bgcolor-resize-button-hs: var(--accent-hs);
-//   --bgcolor-resize-button-l: var(--accent-l);
-//   --color-resize-button-hover: var(--color-reversal);
-//   --bgcolor-resize-button-hover: #{hsl.lighten(var(--accent), 5%)};
-
-//   // Sidebar contents
-//   --color-sidebar-context: var(--color-global);
-//   --color-sidebar-context-hs: var(--color-global-hs);
-//   --color-sidebar-context-l: var(--color-global-l);
-//   --bgcolor-sidebar-context: #{hsl.lighten(var(--primary),77%)};
-//   --bgcolor-sidebar-context-hs: var(--primary-hs);
-//   --bgcolor-sidebar-context-l: calc(var(--primary-l) + 77%);
-
-//   // Sidebar list group
-//   // --bgcolor-sidebar-list-group: #{bs.$gray-50}; // optional
-
-//   // Subnavigation
-//   --bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));
-//   --bgcolor-subnav-hs: var(--bgcolor-global-hs);
-//   --bgcolor-subnav-l: calc(var(--bgcolor-global-l) - 3%);
-
-//   // Tabs
-//   // --bordercolor-nav-tabs: #{bs.$gray-300}; // optional
-//   // --color-nav-tabs-link-active: #; //optional
-//   // --bordercolor-nav-tabs-hover: # # $bordercolor-nav-tabs; // optional
-//   // --bordercolor-nav-tabs-active: # # // optional
-
-//   // Tags
-//   // --color-tags: #; //optional
-//   // --bgcolor-tags: #; //optional
-
-//   // Icon colors
-//   --color-editor-icons: var(--color-global);
-
-//   // Border colors
-//   --border-color-theme: #{bs.$gray-400};
-//   --bordercolor-inline-code: #{bs.$gray-400}; // optional
-
-//   // Dropdown colors
-//   --bgcolor-dropdown-link-active: #{var.$growi-blue};
-
-//   // admin theme box
-//   --color-theme-color-box: #{hsl.lighten(var(--primary), 20%)};
-
-//   // Button
-//   .btn-group.grw-page-editor-mode-manager {
-//     .btn.btn-outline-primary {
-//       @include page-editor-mode-manager.btn-page-editor-mode-manager (var(--primary),#{hsl.lighten(var(--primary),65%)}, #{hsl.lighten(var(--primary),70%)});
-//     }
-//   }
-// }
-
-// //== Dark Mode
-// //
-// :root[data-bs-theme='dark'] {
-//   --primary: hsl(var(--primary-hs),var(--primary-l));
-//   --primary-hs: 216.8,85.1%;
-//   --primary-l: 44.7%;
-//   --secondary: hsl(var(--secondary-hs),var(--secondary-l));
-//   --secondary-hs: 208,7%;
-//   --secondary-l: 46%;
-//   --accent: hsl(var(--accent-hs),var(--accent-l));
-//   --accent-hs: 307,100%;
-//   --accent-l: 43%;
-
-//   // Background colors
-//   --bgcolor-global: hsl(var(--bgcolor-global-hs),var(--bgcolor-global-l));
-//   --bgcolor-global-hs: 228,12%;
-//   --bgcolor-global-l: 8%;
-//   --bgcolor-inline-code: #1f1f22; //optional
-//   --bgcolor-card: #{hsl.darken(var(--bgcolor-global),5%)};
-//   --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 40%)};
-//   --bgcolor-keyword-highlighted: #{darken(var.$grw-marker-red, 30%)};
-
-//   // Font colors
-//   --color-global: hsl(var(--color-global-hs),var(--color-global-l));
-//   --color-global-hs: 0,0%;
-//   --color-global-l: 74%;
-//   --color-reversal: #{bs.$gray-900};
-//   // --color-header: desaturate($primary, 20%);
-//   --color-link: hsl(var(--color-link-hs),var(--color-link-l));
-//   --color-link-hs: 219.3,51.7%;
-//   --color-link-l: 65.9%;
-//   --color-link-hover: #{hsl.lighten(var(--color-link),10%)};
-//   --color-link-wiki: var(--color-link);
-//   --color-link-wiki-hs: var(--color-link-hs);
-//   --color-link-wiki-l: var(--color-link-l);
-//   --color-link-wiki-hover: #{hsl.lighten(var(--color-link-wiki),10%)};
-//   --color-link-nabvar: #a7a7a7;
-//   --color-inline-code: #c7254e; // optional
-
-//   // List Group colors
-//   --color-list: var(--color-global); // optional
-//   --bgcolor-list: var(--bgcolor-global); // optional
-//   // --color-list-hover: var(--color-global); // optional
-//   --bgcolor-list-hover: #{hsl.lighten(var(--bgcolor-global),3%)}; // optional
-//   // --color-list-active: white ; // optional
-//   // --bgcolor-list-active: var(--primary); // optional
-
-//   // Table colors
-//   // --color-table: #; // optional
-//   // --bgcolor-table: #; // optional
-//   // --border-color-table: #; // optional
-//   // --color-table-hover: #; // optional
-//   // --bgcolor-table-hover: #; // optional
-
-//   // Navbar
-//   --bgcolor-navbar: #2a2929;
-//   --bgcolor-search-top-dropdown: var(--accent);
-//   --bgcolor-search-top-dropdown-hs: var(--accent-hs);
-//   --bgcolor-search-top-dropdown-l: var(--accent-l);
-//   --border-image-navbar: linear-gradient(to right, #44bfe3 0%, #b04aff 50%, #ff1794 100%);
-
-//   // Logo colors
-//   --bgcolor-logo: var(--bgcolor-navbar);
-//   --fillcolor-logo-mark: #{bs.$gray-700};
-
-//   // Sidebar
-//   --bgcolor-sidebar: hsl(var(--bgcolor-sidebar-hs),var(--bgcolor-sidebar-l));
-//   --bgcolor-sidebar-hs: 216.7,65%;
-//   --bgcolor-sidebar-l: 20.2%;
-//   --bgcolor-sidebar-nav-item-active: rgba(#969494, 0.3); // optional
-//   --text-shadow-sidebar-nav-item-active: 0px 0px 10px #0099ff; // optional
-//   --bgcolor-sidebar-context: hsl(var(--bgcolor-sidebar-context-hs),var(--bgcolor-sidebar-context-l));
-//   --bgcolor-sidebar-context-hs: 228,12%;
-//   --bgcolor-sidebar-context-l: 16%;
-//   // Sidebar resize button
-//   --color-resize-button: white;
-//   --bgcolor-resize-button: var(--accent);
-//   --color-resize-button-hover: white;
-//   --bgcolor-resize-button-hover: #{hsl.darken(var(--accent), 5%)};
-//   // Sidebar contents
-//   --color-sidebar-context: var(--color-global);
-//   --color-sidebar-context-hs: var(--color-global-hs);
-//   --color-sidebar-context-l: var(--color-global-l);
-//   // Sidebar list group
-//   // --bgcolor-sidebar-list-group: #1c2a3e; // optional
-
-//   // Subnavigation
-//   --bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));
-//   --bgcolor-subnav-hs: var(--bgcolor-global-hs);
-//   --bgcolor-subnav-l: calc(var(--bgcolor-global-l) + 4%);
-
-//   // Tabs
-//   --bordercolor-nav-tabs: #{bs.$gray-700}; // optional
-//   // --color-nav-tabs-link-active: #; //optional
-//   --bordercolor-nav-tabs-hover: #666 #666 var(--bordercolor-nav-tabs); // optional
-//   --bordercolor-nav-tabs-active: var(--bordercolor-nav-tabs) var(--bordercolor-nav-tabs) var(--bgcolor-global); // optional
-
-//   // Tags
-//   // --color-tags: #; //optional
-//   // --bgcolor-tags: #; //optional
-
-//   // Icon colors
-//   --color-editor-icons: var(--color-global);
-
-//   // Border colors
-//   --border-color-theme: hsl(var(--border-color-theme-hs),var(--border-color-theme-l));
-//   --border-color-theme-hs: 210,13%;
-//   --border-color-theme-l: 71%;
-//   --bordercolor-inline-code: var(--secondary); // optional
-
-//   // admin theme box
-//   --color-theme-color-box: var(--primary);
-
-//   //Button
-//   .btn-group.grw-page-editor-mode-manager {
-//     .btn.btn-outline-primary {
-//       @include page-editor-mode-manager.btn-page-editor-mode-manager(#{hsl.lighten(var(--primary), 30%)}, #{hsl.lighten(var(--primary), 20%)}, var(--primary), #{hsl.darken(var(--primary), 20%)});
-//     }
-//   }
-// }

packages/preset-themes/src/styles/fire-red.scss

@@ -67,278 +67,3 @@
   --grw-wiki-link-color-rgb: var(--grw-primary-500-rgb);
   --grw-wiki-link-hover-color-rgb: var(--grw-primary-400-rgb);
 }
-
-// @use '@growi/core/scss/bootstrap/init' as bs;
-
-// @use './variables' as var;
-// @use './theme/mixins/page-editor-mode-manager';
-// @use './theme/hsl-functions' as hsl;
-
-// :root[data-bs-theme='light'] {
-//   // Theme colors
-//   --primary: hsl(var(--primary-hs),var(--primary-l)) !important;
-//   --primary-hs: 11,81%;
-//   --primary-l: 56%;
-//   --secondary: hsl(var(--secondary-hs),var(--secondary-l)) !important;
-//   --secondary-hs: 208,7%;
-//   --secondary-l: 46%;
-//   --accentcolor: hsl(var(--accentcolor-hs),var(--accentcolor-l));
-//   --accentcolor-hs: 0,0%;
-//   --accentcolor-l: 75%;
-
-//   // Background colors
-//   --bgcolor-global: hsl(var(--bgcolor-global-hs),var(--bgcolor-global-l));
-//   --bgcolor-global-hs: 0,0%;
-//   --bgcolor-global-l: 100%;
-//   --bgcolor-inline-code: #{bs.$gray-100}; //optional
-//   --bgcolor-card: var(--accentcolor);
-//   --bgcolor-blinked-section: #{hsl.alpha(var(--primary),10%)};
-//   //--bgcolor-keyword-highlighted: #{$grw-marker-yellow};
-
-//   // Font colors
-//   --color-global: hsl(var(--color-global-hs),var(--color-global-l));
-//   --color-global-hs: 0,0%;
-//   --color-global-l: 17%;
-//   --color-reversal: #{bs.$gray-100};
-//   --color-link: var(--primary);
-//   --color-link-hs: var(--primary-hs);
-//   --color-link-l: var(--primary-l);
-//   --color-link-hover: #{hsl.lighten(var(--primary), 12%)};
-//   --color-link-wiki: var(--primary);
-//   --color-link-wiki-hs: var(--primary-hs);
-//   --color-link-wiki-l: var(--primary-l);
-//   --color-link-wiki-hover: #{hsl.lighten(var(--primary), 12%)};
-//   --color-link-nabvar: var(--color-reversal);
-//   --color-inline-code: #c7254e; // optional
-//   --color-search: var(--color-global);
-
-//   // List Group colors
-//   // --color-list: var(--color-global);
-//   --bgcolor-list: transparent;
-//   --color-list-hover: var(--color-global);
-//   --bgcolor-list-hover: #{hsl.darken(var(--bgcolor-global),3%)};
-//   // --color-list-active: var(--color-reversal);
-//   // --bgcolor-list-active: var(--primary);
-
-//   // Navbar
-//   --bgcolor-navbar: var(--color-global);
-//   --bgcolor-navbar-hs: var(--color-global-hs);
-//   --bgcolor-navbar-l: var(--color-global-l);
-//   --bgcolor-search-top-dropdown: var(--primary);
-//   --bgcolor-search-top-dropdown-hs: var(--primary-hs);
-//   --bgcolor-search-top-dropdown-l: var(--primary-l);
-//   --border-image-navbar: linear-gradient(to right, var(--primary) 0%, #{hsl.darken(var(--primary), 5%)} 100%);
-
-//   // Logo colors
-//   --bgcolor-logo: var(--bgcolor-global);
-//   --fillcolor-logo-mark: var(--bgcolor-global);
-
-//   // Sidebar
-//   --bgcolor-sidebar: var(--accentcolor);
-//   --bgcolor-sidebar-hs: var(--accentcolor-hs);
-//   --bgcolor-sidebar-l: var(--accentcolor-l);
-//   // --bgcolor-sidebar-nav-item-active: rgba(#, 0.37); // optional
-//   --text-shadow-sidebar-nav-item-active: 0px 0px 10px #ffffff; // optional
-
-//   // Sidebar resize button
-//   --color-resize-button: #ffffff;
-//   --bgcolor-resize-button: var(--primary);
-//   --bgcolor-sidebar-context-hs: var(--primary-hs);
-//   --bgcolor-sidebar-context-l: var(--primary-l);
-//   --color-resize-button-hover: var(--color-reversal);
-//   --bgcolor-resize-button-hover: #{hsl.lighten(var(--primary), 5%)};
-
-//   // Sidebar contents
-//   --color-sidebar-context: var(--color-global);
-//   --color-sidebar-context-hs: var(--color-global-hs);
-//   --color-sidebar-context-l: var(--color-global-l);
-//   --bgcolor-sidebar-context: hsl(var(--bgcolor-sidebar-context-hs),var(--bgcolor-sidebar-context-l));
-//   --bgcolor-sidebar-context-hs: 0,0%;
-//   --bgcolor-sidebar-context-l: 93%;
-
-//   // Sidebar list group
-//   // --bgcolor-sidebar-list-group: #; // optional
-
-//   // Subnavigation
-//   --bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));
-//   --bgcolor-subnav-hs: var(--bgcolor-global-hs);
-//   --bgcolor-subnav-l: calc(var(--bgcolor-global-l) - 3%);
-
-//   // Icon colors
-//   --color-editor-icons: var(--color-global);
-
-//   // Border colors
-//   --border-color-theme: var(--primary);
-//   --bordercolor-inline-code: #ccc8c8; // optional
-
-//   // admin theme box
-//   --color-theme-color-box: var(--primary);
-
-//   // Navs {
-//   .nav-tabs {
-//     border-bottom: var(--primary) 1px solid;
-//     .nav-link {
-//       &:hover {
-//         border-color: #{hsl.lighten(var(--primary), 10%)};
-//         border-bottom: none;
-//       }
-//       &.active {
-//         background-color: transparent;
-//       }
-//     }
-//   }
-
-//   // Button
-//   .btn-group.grw-page-editor-mode-manager {
-//     .btn.btn-outline-primary {
-//       @include page-editor-mode-manager.btn-page-editor-mode-manager(#ffffff, var(--primary), var(--primary), #{hsl.lighten(var(--primary), 20%)});
-//     }
-//   }
-
-//   .grw-global-search .btn-secondary.dropdown-toggle {
-//     color: white;
-//   }
-
-//   .btn-primary {
-//     color:white !important;
-//   }
-// }
-
-// :root[data-bs-theme='dark'] {
-//   // Theme colors
-//   --primary: hsl(var(--primary-hs),var(--primary-l)) !important;
-//   --primary-hs: 11,81%;
-//   --primary-l: 56%;
-//   --secondary: hsl(var(--secondary-hs),var(--secondary-l)) !important;
-//   --secondary-hs: 208,7%;
-//   --secondary-l: 46%;
-//   --accentcolor: hsl(var(--accentcolor-hs),var(--accentcolor-l));
-//   --accentcolor-hs: 0,0%;
-//   --accentcolor-l: 13%;
-
-//   // Background colors
-//   --bgcolor-global: hsl(var(--bgcolor-global-hs),var(--bgcolor-global-l));
-//   --bgcolor-global-hs: 0,0%;
-//   --bgcolor-global-l: 20%;
-//   --bgcolor-inline-code: #{bs.$gray-100}; //optional
-//   --bgcolor-card: #{hsl.darken(var(--bgcolor-global), 5%)};
-//   --bgcolor-blinked-section: #{hsl.alpha(var(--primary),50%)};
-//   --bgcolor-keyword-highlighted: #{darken(var.$grw-marker-red, 30%)};
-
-//   // Font colors
-//   --color-global: hsl(var(--color-global-hs),var(--color-global-l));
-//   --color-global-hs: 0,0%;
-//   --color-global-l: 100%;
-//   --color-reversal: #{bs.$gray-100};
-//   --color-link: var(--primary);
-//   --color-link-hs: var(--primary-hs);
-//   --color-link-l: var(--primary-l);
-//   --color-link-hover: #{hsl.lighten(var(--color-link),12%)};
-//   --color-link-wiki: var(--primary);
-//   --color-link-wiki-hs: var(--primary-hs);
-//   --color-link-wiki-l: var(--primary-l);
-//   --color-link-wiki-hover: #{hsl.lighten(var(--color-link),12%)};
-//   --color-link-nabvar: var(--color-reversal);
-//   --color-inline-code: #c7254e; // optional
-//   --color-search: #a7a7a7;
-
-//   // List Group colors
-//   // --color-list: var(--color-global);
-//   --bgcolor-list: transparent;
-//   --color-list-hover: var(--accentcolor);
-//   // --bgcolor-list-hover: #{hsl.darken(var(--bgcolor-global),3%)};// optional
-//   // --color-list-active: white ; // optional
-//   // --bgcolor-list-active: #{hsl.lighten(var(--bgcolor-global),3%)}; // optional
-
-//   // Navbar
-//   --bgcolor-navbar: hsl(var(--bgcolor-navbar-hs),var(--bgcolor-navbar-l));
-//   --bgcolor-navbar-hs: 0,0%;
-//   --bgcolor-navbar-l: 17%;
-//   --bgcolor-search-top-dropdown: var(--primary);
-//   --bgcolor-search-top-dropdown-hs: var(--primary-hs);
-//   --bgcolor-search-top-dropdown-l: var(--primary-l);
-//   --border-image-navbar: linear-gradient(to right, #ea5532 0%, #c9171e 100%);
-
-//   // Logo colors
-//   --bgcolor-logo: var(--color-global);
-//   --fillcolor-logo-mark: var(--color-global);
-//   // --fillcolor-logo-mark: #4e5a60;
-
-//   // Sidebar
-//   --bgcolor-sidebar: var(--accentcolor);
-//   --bgcolor-sidebar-hs: var(--accentcolor-hs);
-//   --bgcolor-sidebar-l: var(--accentcolor-l);
-//   // --bgcolor-sidebar-nav-item-active: rgba(#, 0.3); // optional
-//   --text-shadow-sidebar-nav-item-active: 0px 0px 10px var(--primary); // optional
-
-//   // Sidebar resize button
-//   --color-resize-button: var(--color-global);
-//   --bgcolor-resize-button: var(--primary);
-//   --bgcolor-resize-button-hs: var(--primary-hs);
-//   --bgcolor-resize-button-l: var(--primary-l);
-//   --color-resize-button-hover: var(--color-global);
-//   --bgcolor-resize-button-hover: #{hsl.darken(var(--primary), 5%)};
-
-//   // Sidebar contents
-//   --color-sidebar-context: var(--color-global);
-//   --color-sidebar-context-hs: var(--color-global-hs);
-//   --color-sidebar-context-l: var(--color-global-l);
-//   --bgcolor-sidebar-context: hsl(var(--bgcolor-sidebar-context-hs),var(--bgcolor-sidebar-context-l));
-//   --bgcolor-sidebar-context-hs: 0,2%;
-//   --bgcolor-sidebar-context-l: 25%;
-
-//   // Sidebar list group
-//   // --bgcolor-sidebar-list-group: #; // optional
-
-//   // Subnavigation
-//   --bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));
-//   --bgcolor-subnav-hs: var(--bgcolor-global-hs);
-//   --bgcolor-subnav-l: calc(var(--bgcolor-global-l) - 3%);
-
-//   // Icon colors
-//   --color-editor-icons: var(--color-global);
-
-//   // Border colors
-//   --border-color-theme: var(--primary);
-//   --bordercolor-inline-code: #4d4d4d; // optional
-
-//   // admin theme box
-//   --color-theme-color-box: var(--primary);
-
-//   // Navs
-//   .nav-tabs {
-//     border-bottom: var(--primary) 1px solid;
-//     .nav-link {
-//       &:hover {
-//         border-color: #{hsl.lighten(var(--primary), 10%)};
-//         border-bottom: none;
-//       }
-//       &.active {
-//         color: var(--primary);
-//         background-color: transparent;
-//         border-color: var(--primary);
-//       }
-//     }
-//   }
-
-//   // Table
-//   .table {
-//     color: white;
-//   }
-
-//   // Button
-//   .btn-group.grw-page-editor-mode-manager {
-//     .btn.btn-outline-primary {
-//       @include page-editor-mode-manager.btn-page-editor-mode-manager(#ffffff, var(--primary), var(--primary), #{hsl.darken(var(--primary), 20%)});
-//     }
-//   }
-
-//   .grw-global-search .btn-secondary.dropdown-toggle {
-//     color: white;
-//   }
-
-//   .btn-primary {
-//     color:white !important;
-//   }
-
-// }

packages/preset-themes/src/styles/future.scss

@@ -32,143 +32,3 @@
   --grw-wiki-link-color-rgb: var(--grw-primary-400-rgb);
   --grw-wiki-link-hover-color-rgb: var(--grw-primary-300-rgb);
 }
-
-// @use '@growi/core/scss/bootstrap/init' as bs;
-
-// @use './variables' as var;
-// @use './theme/mixins/page-editor-mode-manager';
-// @use './theme/hsl-functions' as hsl;
-
-// :root[data-bs-theme='dark']{
-//   --primary: hsl(var(--primary-hs),var(--primary-l)) !important;
-//   --primary-hs: 181,100%;
-//   --primary-l: 36%;
-//   --secondary: hsl(var(--secondary-hs),var(--secondary-l)) !important;
-//   --secondary-hs: 208,7%;
-//   --secondary-l: 46%;
-//   --themecolor: hsl(var(--themecolor-hs),var(--themecolor-l));
-//   --themecolor-hs: 193,34%;
-//   --themecolor-l: 13%;
-//   --accentcolor: hsl(var(--accentcolor-hs),var(--accentcolor-l));
-//   --accentcolor-hs: 178,100%;
-//   --accentcolor-l: 50%;
-
-//   // Background colors
-//   --bgcolor-global: var(--themecolor);
-//   --bgcolor-global-hs: var(--themecolor-hs);
-//   --bgcolor-global-l: var(--themecolor-l);
-//   --bgcolor-inline-code: #1f1f22; //optional
-//   --bgcolor-card: #{hsl.darken(var(--themecolor), 5%)};
-//   --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 40%)};
-//   --bgcolor-keyword-highlighted: #{darken(var.$grw-marker-red, 30%)};
-
-//   // Font colors
-//   --color-global: #{hsl(var(--color-global-hs),var(--color-global-l))};
-//   --color-global-hs: 204,21%;
-//   --color-global-l: 66%;
-//   --color-reversal: #{bs.$gray-900};
-//   --color-header: var(--color-global);
-//   --color-link: var(--accentcolor);
-//   --color-link-hover: #{hsl.lighten(var(--accentcolor), 20%)};
-//   --color-link-wiki: var(--accentcolor);
-//   --color-link-wiki-hover: #{hsl.darken(var(--accentcolor), 5%)};
-//   --color-link-nabvar: #a7a7a7;
-//   --color-inline-code: #c7254e; // optional
-//   --color-search: var(--primary);
-
-//   // List Group colors
-//   // --color-list: var(--color-global);
-//   --bgcolor-list: transparent;
-//   // --color-list-hover: var(--color-reversal);
-//   --color-list-active: white;
-//   --bgcolor-list-active: var(--primary);
-//   // --color-page-list-group-item-meta: #{$gray-500}; // optional
-
-//   // Table colors
-//   // --color-table: #; // optional
-//   --bgcolor-table: #{hsl.darken(var(--themecolor), 3%)}; // optional
-//   --border-color-table: #{hsl.lighten(var(--themecolor), 10%)};; // optional
-//   // --color-table-hover: #; // optional
-//   // --bgcolor-table-hover: #; // optional
-
-//   // Navbar
-//   --bgcolor-navbar: hsl(var(--bgcolor-navbar-hs),var(--bgcolor-navbar-l));
-//   --bgcolor-navbar-hs: 185,93%;
-//   --bgcolor-navbar-l: 5%;
-//   --bgcolor-search-top-dropdown: hsl(var(--bgcolor-search-top-dropdown-hs),var(--bgcolor-search-top-dropdown-l));
-//   --bgcolor-search-top-dropdown-hs: 181,100%;
-//   --bgcolor-search-top-dropdown-l: 38%;
-//   --border-image-navbar: linear-gradient(90deg, #6cfff9 0%, #0034c1 45%, #6cfff9 100%);
-
-//   // Logo colors
-//   --bgcolor-logo: #{hsl.darken(var(--themecolor), 10%)};
-//   --fillcolor-logo-mark: #dedede;
-
-//   // Sidebar
-//   --bgcolor-sidebar: hsl(var(--bgcolor-sidebar-hs),var(--bgcolor-sidebar-l));
-//   --bgcolor-sidebar-hs: 181,81%;
-//   --bgcolor-sidebar-l: 10%;
-//   --bgcolor-sidebar-nav-item-active: rgba(#969494, 0.3); // optional
-//   --text-shadow-sidebar-nav-item-active: 0px 0px 10px #969494; // optional
-
-//   // Sidebar resize button
-//   --color-resize-button: #0e2329;
-//   --bgcolor-resize-button: var(--bgcolor-search-top-dropdown);
-//   --bgcolor-resize-button-hs: var(--bgcolor-search-top-dropdown-hs);
-//   --bgcolor-resize-button-l: var(--bgcolor-search-top-dropdown-l);
-//   --color-resize-button-hover: #0e2329;
-//   --bgcolor-resize-button-hover: #{hsl.lighten(var(--bgcolor-search-top-dropdown), 5%)};
-
-//   // Sidebar contents
-//   --color-sidebar-context: hsl(var(--color-sidebar-context-hs),var(--color-sidebar-context-l));
-//   --color-sidebar-context-hs: 181,100%;
-//   --color-sidebar-context-l: 59%;
-//   --bgcolor-sidebar-context: hsl(var(--bgcolor-sidebar-context-hs),var(--bgcolor-sidebar-context-l));
-//   --bgcolor-sidebar-context-hs: 180,45%;
-//   --bgcolor-sidebar-context-l: 17%;
-
-//   // Sidebar list group
-//   --bgcolor-sidebar-list-group: #162126; // optional
-
-//   // Subnavigation
-//   --bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));
-//   --bgcolor-subnav-hs: var(--bgcolor-global-hs);
-//   --bgcolor-subnav-l: calc(var(--bgcolor-global-l) - 3%);
-
-//   // Tabs
-//   --bordercolor-nav-tabs: #4c9eb4; // optional
-//   // --color-nav-tabs-link-active: #; //optional
-//   --bordercolor-nav-tabs-hover: #295561 #295561 var(--bordercolor-nav-tabs); // optional
-//   // --bordercolor-nav-tabs-active: # # var(--bgcolor-global); // optional
-
-//   // Tags
-//   // --color-tags: #; //optional
-//   // --bgcolor-tags: #; //optional
-
-//   // Icon colors
-//   --color-editor-icons: var(--color-global);
-
-//   // Border colors
-//   --border-color-theme: #407483;
-//   --bordercolor-inline-code: #4d4d4d; // optional
-
-//   // Dropdown colors
-//   --bgcolor-dropdown-link-active: #{var.$growi-blue};
-
-//   // admin theme box
-//   --color-theme-color-box: #{hsl.lighten(var(--primary), 20%)};
-
-//   //Button
-//   .btn-group.grw-page-editor-mode-manager {
-//     .btn.btn-outline-primary {
-//       @include page-editor-mode-manager.btn-page-editor-mode-manager(#{hsl.lighten(var(--primary), 10%)}, var(--primary), #{hsl.darken(var(--primary), 10%)}, #{hsl.darken(var(--primary), 20%)});
-//     }
-//   }
-
-//   // headers
-//   @for $i from 1 through 6 {
-//     h#{$i} {
-//       color: white;
-//     }
-//   }
-// }

packages/preset-themes/src/styles/halloween.scss

@@ -41,144 +41,4 @@
   --grw-wiki-link-color-rgb: var(--grw-primary-400-rgb);
   --grw-wiki-link-hover-color-rgb: var(--grw-primary-300-rgb);
 
-
 }
-
-// @use '@growi/core/scss/bootstrap/init' as bs;
-
-// @use './variables' as var;
-// @use './theme/mixins/page-editor-mode-manager';
-// @use './theme/hsl-functions' as hsl;
-
-// $bordercolor: #7e0d7e;
-
-// // colors for overriding bootstrap $theme-colors
-
-
-// .growi:not(.login-page) {
-//   // add background-image
-//   .page-editor-preview-container {
-//     background-image: url('../images/halloween/halloween.jpg');
-//   }
-// }
-
-
-// :root[data-bs-theme='dark'] {
-//   --primary: hsl(var(--primary-hs),var(--primary-l)) !important;
-//   --primary-hs: 25,95%;
-//   --primary-l: 34%;
-//   --secondary: hsl(var(--secondary-hs),var(--secondary-l)) !important;
-//   --secondary-hs: 208,7%;
-//   --secondary-l: 46%;
-
-//   // Background colors
-//   --bgcolor-global: hsl(var(--bgcolor-global-hs),var(--bgcolor-global-l));
-//   --bgcolor-global-hs: 0,100%;
-//   --bgcolor-global-l: 1%;
-//   --bgcolor-inline-code: #1f1f22; //optional
-//   --bgcolor-card: var(--bgcolor-global);
-//   --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 40%)};
-//   --bgcolor-keyword-highlighted: darkviolet;
-
-//   // Font colors
-//   --color-global: hsl(var(--color-global-hs),var(--color-global-l));
-//   --color-global-hs: 42,81%;
-//   --color-global-l: 54%;
-//   --color-reversal: #eeeeee;
-//   // --color-header: #2b2b2b;
-//   --color-link: hsl(var(--color-link-hs),var(--color-link-l));
-//   --color-link-hs: 262,33%;
-//   --color-link-l: 69%;
-//   --color-link-hover: #{hsl.lighten(var(--color-link), 20%)};
-//   --color-link-wiki: var(--color-link);
-//   --color-link-wiki-hs: var(--color-link-hs);
-//   --color-link-wiki-l: var(--color-link-l);
-//   --color-link-wiki-hover: #{hsl.lighten(var(--color-link), 20%)};
-//   --color-link-nabvar: #a7a7a7;
-//   --color-inline-code: #c7254e; // optional
-
-//   // List Group colors
-//   --color-list: #979797;
-//   --bgcolor-list: transparent;
-//   --color-list-hover: var(--primary);
-//   // --bgcolor-list-hover: ;
-//   // --color-list-active: var(--color-reversal);
-//   // --bgcolor-list-active: var(--primary);
-
-//   // Search Top
-//   --color-search: var(--primary);
-
-//   // Navbar
-//   --bgcolor-navbar: hsl(var(--bgcolor-navbar-hs),var(--bgcolor-navbar-l));
-//   --bgcolor-navbar-hs: 180,3%;
-//   --bgcolor-navbar-l: 93%;
-//   --bgcolor-search-top-dropdown: var(--primary);
-//   --bgcolor-search-top-dropdown-hs: var(--primary-hs);
-//   --bgcolor-search-top-dropdown-l: var(--primary-l);
-//   --border-image-navbar: linear-gradient(90deg, #e3b7ff 0%, #134774 100%);
-
-//   // Logo colors
-//   --bgcolor-logo: #{hsl.darken(var(--primary),10%)};
-//   --fillcolor-logo-mark: #dedede;
-
-//   // Sidebar
-//   --bgcolor-sidebar: hsl(var(--bgcolor-sidebar-hs),var(--bgcolor-sidebar-l));
-//   --bgcolor-sidebar-hs: 197,40%;
-//   --bgcolor-sidebar-l: 14%;
-//   --bgcolor-sidebar-nav-item-active: rgba(#969494, 0.3); // optional
-//   --text-shadow-sidebar-nav-item-active: 0px 0px 10px #969494; // optional
-
-//   // Sidebar contents
-//   --color-sidebar-context: hsl(var(--color-sidebar-context-hs),var(--color-sidebar-context-l));
-//   --color-sidebar-context-hs: 262,33%;
-//   --color-sidebar-context-l: 69%;
-//   --bgcolor-sidebar-context: hsl(var(--bgcolor-sidebar-context-hs),var(--bgcolor-sidebar-context-l));
-//   --bgcolor-sidebar-context-hs: 258,17%;
-//   --bgcolor-sidebar-context-l: 20%;
-
-//   // Sidebar list group
-//   --bgcolor-sidebar-list-group: #2c2926; // optional
-
-//   // Sidebar resize button
-//   --color-resize-button: #effcfa;
-//   --bgcolor-resize-button: var(--primary);
-//   --bgcolor-resize-button-hs: var(--primary-hs);
-//   --bgcolor-resize-button-l: var(--primary-l);
-//   --color-resize-button-hover: #effcfa;
-//   --bgcolor-resize-button-hover: #{hsl.lighten(var(--primary), 5%)};
-
-//   // Subnavigation
-//   --bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));
-//   --bgcolor-subnav-hs: var(--bgcolor-global-hs);
-//   --bgcolor-subnav-l: calc(var(--bgcolor-global-l) + 4%);
-
-//   // Icon colors
-//   --color-editor-icons: var(--color-global);
-
-//   // Border colors
-//   --border-color-theme: #{bs.$gray-300}; // former: `$navbar-border: $gray-300;`
-//   --bordercolor-inline-code: #4d4d4d; // optional
-
-//   // admin theme box
-//   --color-theme-color-box: #{hsl.lighten(var(--primary), 20%)};
-
-//   &, body {
-//     background-image: url('../images/halloween/halloween.jpg');
-//   }
-
-//   .grw-navbar {
-//     background-image: url('../images/halloween/halloween-navbar.jpg') !important;
-//   }
-
-//   // Button
-//   .btn-group.grw-page-editor-mode-manager {
-//     .btn.btn-outline-primary {
-//       @include page-editor-mode-manager.btn-page-editor-mode-manager(#{hsl.lighten(var(--primary), 35%)}, var(--primary), #{hsl.lighten(var(--primary), 5%)}, #{hsl.darken(var(--primary), 20%)});
-//     }
-//   }
-
-//   // Table
-//   .table {
-//     color: var(--color-global);
-//   }
-// }

packages/preset-themes/src/styles/hufflepuff.scss

@@ -84,366 +84,3 @@
   }
 }
 
-// @use '@growi/core/scss/bootstrap/init' as bs;
-
-// @use './variables' as var;
-// @use './theme/mixins/page-editor-mode-manager';
-// @use './theme/hsl-functions' as hsl;
-
-// // == Define Bootstrap theme colors
-// //
-
-// // colors for overriding bootstrap $theme-colors
-// // --info: #;
-// // --success: #;
-// // --warning: #;
-// // --danger: #;
-// // --light: #;
-// // --dark: #;
-
-// //== Light Mode
-// //
-// :root[data-bs-theme='light'] {
-//   // Theme colors
-//   --primary: hsl(var(--primary-hs),var(--primary-l)) !important;
-//   --primary-hs: 41,83%;
-//   --primary-l: 52%;
-//   --secondary: hsl(var(--secondary-hs),var(--secondary-l)) !important;
-//   --secondary-hs: 41,83%;
-//   --secondary-l: 65%;
-//   --subthemecolor: hsl(var(--subthemecolor-hs),var(--subthemecolor-l));
-//   --subthemecolor-hs: 10,9%;
-//   --subthemecolor-l: 13%;
-
-//   // Background colors
-//   --bgcolor-global: hsl(var(--bgcolor-global-hs),var(--bgcolor-global-l));
-//   --bgcolor-global-hs: 36,50%;
-//   --bgcolor-global-l: 97%;
-//   --bgcolor-inline-code: #{bs.$gray-100}; //optional
-//   --bgcolor-card: #{bs.$gray-100};
-//   --bgcolor-blinked-section: #{hsl.alpha(var(--primary),50%)};
-//   --bgcolor-keyword-highlighted: $grw-marker-green;
-
-//   // Font colors
-//   --color-global: var(--subthemecolor);
-//   --color-global-hs: var(--subthemecolor-hs);
-//   --color-global-l: var(--subthemecolor-l);
-//   --color-reversal: white;
-//   --color-link: hsl(var(--color-link-hs),var(--color-link-l));
-//   --color-link-hs: 357,49%;
-//   --color-link-l: 40%;
-//   --color-link-hover: #{hsl.lighten(var(--color-link), 10%)};
-//   --color-link-wiki: var(--color-link);
-//   --color-link-wiki-hs: var(--color-link-hs);
-//   --color-link-wiki-l: var(--color-link-l);
-//   --color-link-wiki-hover: #{hsl.lighten(var(--color-link), 10%)};
-//   --color-link-nabvar: var(--color-reversal);
-//   --color-inline-code: #c7254e; // optional
-
-//   // List Group colors
-//   // --color-list: var(--color-global);
-//   --bgcolor-list: transparent;
-//   --color-list-hover: #{hsl.lighten(var(--primary), 10%)};
-//   // --bgcolor-list-hover: #{hsl.darken(var(--bgcolor-list), 2%)};
-//   // --color-list-active: var(--bgcolor-global);
-//   // --bgcolor-list-active: var(--color-link);
-
-//   // Navbar
-//   --bgcolor-navbar: var(--secondary);
-//   --bgcolor-navbar-hs: var(--secondary-hs);
-//   --bgcolor-navbar-l: var(--secondary-l);
-//   --bgcolor-search-top-dropdown: var(--primary);
-//   --bgcolor-search-top-dropdown-hs: var(--primary-hs);
-//   --bgcolor-search-top-dropdown-l: var(--primary-l);
-//   --border-image-navbar: linear-gradient(to right, #90a555 0%, #a84be6 50%, #eaab20 100%);
-
-//   // Logo colors
-//   --bgcolor-logo: var(--bgcolor-navbar);
-//   --fillcolor-logo-mark: #{lighten(desaturate(bs.$gray-100, 10%), 15%)};
-
-//   // Sidebar
-//   --bgcolor-sidebar: var(--primary);
-//   --bgcolor-sidebar-hs: var(--primary-hs);
-//   --bgcolor-sidebar-l: var(--primary-l);
-
-//   // Sidebar resize button
-//   --color-resize-button: var(--color-reversal);
-//   --bgcolor-resize-button: var(--subthemecolor);
-//   --bgcolor-resize-button-hs: var(--subthemecolor-hs);
-//   --bgcolor-resize-button-l: var(--subthemecolor-l);
-//   --color-resize-button-hover: var(--color-reversal);
-//   --bgcolor-resize-button-hover: #{hsl.lighten(var(--bgcolor-resize-button), 10%)};
-
-//   // Sidebar contents
-//   --color-sidebar-context: var(--color-link);
-//   --color-sidebar-context-hs: var(--color-link-hs);
-//   --color-sidebar-context-l: var(--color-link-l);
-//   --bgcolor-sidebar-context: #{hsl.darken(var(--bgcolor-global), 2%)};
-//   --bgcolor-sidebar-context-hs: var(--bgcolor-global-hs);
-//   --bgcolor-sidebar-context-l: calc(var(--bgcolor-global-l) - 2%);
-
-//   // Sidebar list group
-//   --bgcolor-sidebar-list-group: #{hsl.lighten(var(--bgcolor-global), 10%)};
-
-//   // Subnavigation
-//   --bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));
-//   --bgcolor-subnav-hs: var(--bgcolor-global-hs);
-//   --bgcolor-subnav-l: calc(var(--bgcolor-global-l) - 3%);
-
-//   // Icon colors
-//   --color-editor-icons: var(--color-link);
-
-//   // Border colors
-//   --border-color-theme: #{hsl.lighten(var(--subthemecolor), 40%)};
-//   --bordercolor-inline-code: #ccc8c8; // optional
-
-//   // Dropdown colors
-//   --bgcolor-dropdown-link-active: #{var.$growi-blue};
-
-//   // admin theme box
-//   --color-theme-color-box: #{hsl.darken(var(--primary), 5%)};
-
-//   &, body {
-//     background-image: url('../images/hufflepuff/badger-light3.png');
-//     background-attachment: fixed;
-//     background-position: bottom;
-//     background-size: cover;
-//   }
-
-//   // Button
-//   .btn.btn-outline-primary {
-//     @include page-editor-mode-manager.btn-page-editor-mode-manager(#{hsl.darken(var(--primary), 50%)}, #{hsl.darken(var(--primary), 50%)}, #{hsl.lighten(var(--primary), 20%)});
-//   }
-//   .btn-group.grw-page-editor-mode-manager {
-//     .btn.btn-outline-primary {
-//       @include page-editor-mode-manager.btn-page-editor-mode-manager(#{hsl.darken(var(--primary), 70%)}, #{hsl.lighten(var(--primary), 5%)}, #{hsl.lighten(var(--primary), 20%)});
-//     }
-//   }
-
-//   .growi:not(.login-page) {
-//     // add background-image
-//     .page-editor-preview-container {
-//       background-image: url('../images/hufflepuff/badger-light3.png');
-//       background-attachment: fixed;
-//       background-position: bottom;
-//       background-size: cover;
-//     }
-//   }
-
-//   // login and register
-//   .nologin {
-//     .page-wrapper{
-//       background-image: url('../images/hufflepuff/badger-light.png');
-//       background-attachment: fixed;
-//       background-position: bottom;
-//       background-size: cover;
-
-//       .nologin-header,
-//       .nologin-dialog {
-//         background-color: rgba(black, 0.1);
-//         a.link-switch  {
-//           color: #{hsl.darken(var(--color-global),10%)};
-//         }
-//       }
-//       .grw-external-auth-form {
-//         border-color: #993439;
-//       }
-//     }
-//   }
-
-//   .table {
-//     background-color: var(--bgcolor-global);
-//   }
-
-//   .card-timeline > .card-header {
-//     background-color: var(--secondary);
-//   }
-
-//   .nav.nav-tabs {
-//     > .nav-item {
-//       > .nav-link.active {
-//         color: #231e1d;
-//       }
-//     }
-//   }
-// }
-
-// :root[data-bs-theme='dark'] {
-//   // Theme colors
-//   --primary: hsl(var(--primary-hs),var(--primary-l)) !important;
-//   --primary-hs: 41,83%;
-//   --primary-l: 62%;
-//   --secondary: hsl(var(--secondary-hs),var(--secondary-l)) !important;
-//   --secondary-hs: 41,61%;
-//   --secondary-l: 36%;
-//   --subthemecolor: hsl(var(--subthemecolor-hs),var(--subthemecolor-l));
-//   --subthemecolor-hs: 10,9%;
-//   --subthemecolor-l: 13%;
-//   --accentcolor: hsl(var(--accentcolor-hs),var(--accentcolor-l));
-//   --accentcolor-hs: 357,49%;
-//   --accentcolor-l: 40%;
-
-//   // Background colors
-//   --bgcolor-global: hsl(var(--bgcolor-global-hs),var(--bgcolor-global-l));
-//   --bgcolor-global-hs: 77,6%;
-//   --bgcolor-global-l: 23%;
-//   // --bgcolor-navbar: #27343b;
-//   --bgcolor-inline-code: var(--subthemecolor);
-//   --bgcolor-card: #{hsl.darken(var(--bgcolor-global), 5%)};
-//   --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 50%)};
-//   --bgcolor-keyword-highlighted: #{darken(var.$grw-marker-cyan, 40%)};
-
-//   // Font colors
-//   --color-global: hsl(var(--color-global-hs),var(--color-global-l));
-//   --color-global-hs: 36,50%;
-//   --color-global-l: 87%;
-//   --color-reversal: #{bs.$gray-100};
-//   --color-link: #{hsl.lighten(var(--primary), 30%)};
-//   --color-link-hs: var(--primary-hs);
-//   --color-link-l: calc(var(--primary-l) + 30%);
-//   --color-link-hover: #{hsl.lighten(var(--primary), 40%)};
-//   --color-link-wiki: #{hsl.lighten(var(--primary), 20%)};
-//   --color-link-wiki-hs: var(--primary-hs);
-//   --color-link-wiki-l: calc(var(--primary-l) + 20%);
-//   --color-link-wiki-hover: #{hsl.lighten(var(--primary), 50%)};
-//   --color-link-nabvar: var(--color-reversal);
-//   --color-inline-code: #{hsl.lighten(var(--primary), 10%)};
-//   // --color-inline-code: #c7254e; // optional
-//   // --color-search: #000102;
-
-//   // List Group colors
-//   // --color-list: var(--color-global);
-//   --bgcolor-list: transparent;
-//   --color-list-hover: var(--accentcolor);
-//   // --bgcolor-list-hover: #{hsl.lighten(var(--bgcolor-global), 3%)};
-//   // --color-list-active: var(--color-reversal);
-//   // --bgcolor-list-active: var(--primary);
-
-//   // Navbar
-//   --bgcolor-navbar: var(--secondary);
-//   --bgcolor-navbar-hs: var(--secondary-hs);
-//   --bgcolor-navbar-l: var(--secondary-l);
-//   --bgcolor-search-top-dropdown: #{hsl.lighten(var(--primary), 10%)};
-//   --bgcolor-search-top-dropdown-hs: var(--primary-hs);
-//   --bgcolor-search-top-dropdown-l: calc(var(--primary-l) + 10%);
-//   --border-image-navbar: linear-gradient(to right, #90a555 0%, #3d98a3 50%, #eaab20 100%);
-
-//   // Logo colors
-//   --bgcolor-logo: #13191c;
-//   --fillcolor-logo-mark: white;
-
-//   // Sidebar
-//   --bgcolor-sidebar: #{hsl.lighten(var(--primary), 10%)};
-//   --bgcolor-sidebar-hs: var(--primary-hs);
-//   --bgcolor-sidebar-l: calc(var(--primary-l) + 10%);
-//   // --bgcolor-sidebar-nav-item-active: rgba(#, 0.3); // optional
-//   --text-shadow-sidebar-nav-item-active: 0px 0px 10px #cc951e; // optional
-
-//   // Sidebar resize button
-//   --color-resize-button: var(--color-global);
-//   --bgcolor-resize-button: var(--accentcolor);
-//   --bgcolor-resize-button-hs: var(--accentcolor-hs);
-//   --bgcolor-resize-button-l: var(--accentcolor-l);
-//   --color-resize-button-hover: var(--color-global);
-//   --bgcolor-resize-button-hover: #{hsl.darken(var(--accentcolor), 7%)};
-
-//   // Sidebar contents
-//   --color-sidebar-context: var(--color-link);
-//   --color-sidebar-context-hs: var(--color-link-hs);
-//   --color-sidebar-context-l: var(--color-link-l);
-//   --bgcolor-sidebar-context: #{hsl.lighten(var(--bgcolor-global), 5%)};
-//   --bgcolor-sidebar-context-hs: var(--bgcolor-global-hs);
-//   --bgcolor-sidebar-context-l: calc(var(--bgcolor-global-l) + 5%);
-
-//   // Sidebar list group
-//   --bgcolor-sidebar-list-group: #{hsl.lighten(var(--subthemecolor), 5%)};
-
-//   // Subnavigation
-//   --bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));
-//   --bgcolor-subnav-hs: var(--bgcolor-global-hs);
-//   --bgcolor-subnav-l: calc(var(--bgcolor-global-l) - 3%);
-
-//   // Icon colors
-//   --color-editor-icons: #{hsl.lighten(var(--primary), 10%)};
-
-//   // Border colors
-//   --border-color-theme: #{hsl.darken(var(--primary), 15%)};
-//   --bordercolor-inline-code: #4d4d4d; // optional
-
-//   // admin theme box
-//   --color-theme-color-box: var(--primary);
-
-//   &, body {
-//     background-image: url('../images/hufflepuff/badger-dark.jpg');
-//     background-attachment: fixed;
-//     background-position: bottom;
-//     background-size: cover;
-//   }
-
-//   // Navs
-//   .nav-tabs {
-//     border-bottom: var(--border-color-theme) 1px solid;
-//     .nav-link {
-//       &:hover {
-//         border-color: #{hsl.darken(var(--primary), 5%)};
-//         border-bottom: none;
-//       }
-//       &.active {
-//         color: var(--color-link);
-//         background-color: transparent;
-//         border-color: var(--border-color-theme);
-//       }
-//     }
-//   }
-
-//   // Table
-//   .table {
-//     color: white;
-//   }
-
-//   // Button
-//   .btn.btn-outline-primary {
-//     @include page-editor-mode-manager.btn-page-editor-mode-manager(#{hsl.lighten(var(--primary), 40%)}, #{hsl.lighten(var(--primary), 15%)}, #{hsl.darken(var(--primary), 10%)}, #{hsl.darken(var(--primary), 30%)});
-//   }
-//   .btn-group.grw-page-editor-mode-manager {
-//     .btn.btn-outline-primary {
-//       @include page-editor-mode-manager.btn-page-editor-mode-manager(#{hsl.lighten(var(--primary), 40%)}, #{hsl.lighten(var(--primary), 15%)}, #{hsl.darken(var(--primary), 10%)}, #{hsl.darken(var(--primary), 30%)});
-//     }
-//   }
-
-//   .card-timeline > .card-header {
-//     background-color: var(--accentcolor);
-//   }
-
-//   .growi:not(.login-page) {
-//     // add background-image
-//     .page-editor-preview-container {
-//       background-image: url('../images/hufflepuff/badger-dark.jpg');
-//       background-attachment: fixed;
-//       background-position: bottom;
-//       background-size: cover;
-//     }
-//   }
-
-//   // login and register
-//   .nologin {
-//     .page-wrapper{
-//       background-image: url('../images/hufflepuff/badger-light.png');
-//       background-attachment: fixed;
-//       background-position: bottom;
-//       background-size: cover;
-//       .nologin-header,
-//       .nologin-dialog {
-//         background-color: rgba(black, 0.1);
-//       }
-
-//       .link-switch {
-//         color: var(--color-global);
-//       }
-
-//       .grw-external-auth-form {
-//         border-color: var(--accentcolor);
-//       }
-//     }
-//   }
-// }

packages/preset-themes/src/styles/island.scss

@@ -37,174 +37,3 @@
     background-attachment: fixed;
   }
 }
-
-// @use '@growi/core/scss/bootstrap/init' as bs;
-
-// @use './variables' as var;
-// @use './theme/mixins/page-editor-mode-manager';
-// @use './atoms/mixins/buttons' as mixins-buttons;
-// @use './theme/hsl-functions' as hsl;
-
-// //== Light Mode
-// //
-// :root[data-bs-theme='light'] {
-//   --primary: hsl(var(--primary-hs),var(--primary-l)) !important;
-//   --primary-hs: 171,33%;
-//   --primary-l: 69%;
-//   --secondary: hsl(var(--secondary-hs),var(--secondary-l)) !important;
-//   --secondary-hs: 208,7%;
-//   --secondary-l: 46%;
-
-//   // Background colors
-//   --bgcolor-global: hsl(var(--bgcolor-global-hs),var(--bgcolor-global-l));
-//   --bgcolor-global-hs: 170,43%;
-//   --bgcolor-global-l: 90%;
-//   --bgcolor-card: #{bs.$gray-100};
-//   --bgcolor-inline-code: #{bs.$gray-100}; //optional
-//   --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 30%)};
-//   //--bgcolor-keyword-highlighted: #{$grw-marker-yellow};
-
-//   // Font colors
-//   --color-global: hsl(var(--color-global-hs),var(--color-global-l));
-//   --color-global-hs: 214,60%;
-//   --color-global-l: 17%;
-//   --color-reversal: #eeeeee;
-//   // --color-header: #2b2b2b;
-//   --color-link: hsl(var(--color-link-hs),var(--color-link-l));
-//   --color-link-hs: 186,31%;
-//   --color-link-l: 34%;
-//   --color-link-hover: #{hsl.lighten(var(--color-link), 20%)};
-//   --color-link-wiki: var(--color-link);
-//   --color-link-wiki-hs: var(--color-link-hs);
-//   --color-link-wiki-l: var(--color-link-l);
-//   --color-link-wiki-hover: #{hsl.lighten(var(--color-link), 20%)};
-//   --color-link-nabvar: var(--color-reversal);
-//   --color-inline-code: #c7254e; // optional
-
-//   // List Group colors
-//   // --color-list: var(--color-global);
-//   // --bgcolor-list: var(--bgcolor-global);
-//   // --color-list-hover: ;
-//   --bgcolor-list-hover: #{hsl.darken(var(--bgcolor-global),10%)};
-//   --color-list-active: var(--color-global);
-//   --bgcolor-list-active: var(--primary);
-
-//   // Table colors
-//   // --color-table: #; // optional
-//   // --bgcolor-table: #; // optional
-//   --border-color-table: var(--primary); // optional
-//   // --color-table-hover: #; // optional
-//   // --bgcolor-table-hover: #; // optional
-
-//   // Navbar
-//   --bgcolor-navbar: hsl(var(--bgcolor-navbar-hs),var(--bgcolor-navbar-l));
-//   --bgcolor-navbar-hs: 0,2%;
-//   --bgcolor-navbar-l: 18%;
-//   --bgcolor-search-top-dropdown: var(--primary);
-//   --bgcolor-search-top-dropdown-hs: var(--primary-hs);
-//   --bgcolor-search-top-dropdown-l: var(--primary-l);
-//   --border-image-navbar: linear-gradient(to right, #5ce4ef 0%, #5953eb 100%);
-
-//   // Logo colors
-//   --bgcolor-logo: #0d3955;
-//   --fillcolor-logo-mark: #{lighten(desaturate(bs.$gray-100, 10%), 15%)};
-
-//   // Sidebar
-//   --bgcolor-sidebar: hsl(var(--bgcolor-sidebar-hs),var(--bgcolor-sidebar-l));
-//   --bgcolor-sidebar-hs: 203,73%;
-//   --bgcolor-sidebar-l: 19%;
-//   --bgcolor-sidebar-nav-item-active: rgba(black, 0.37);
-//   // --bgcolor-sidebar-nav-item-active: rgba(#969494, 0.3); // optional
-//   --text-shadow-sidebar-nav-item-active: 0px 0px 10px #0099ff; // optional
-
-//   // Sidebar resize button
-//   --color-resize-button: white;
-//   --bgcolor-resize-button: var(--primary);
-//   --bgcolor-resize-button-hs: var(--primary-hs);
-//   --bgcolor-resize-button-l: var(--primary-l);
-//   --color-resize-button-hover: white;
-//   --bgcolor-resize-button-hover: #{hsl.darken(var(--primary),5%)};
-
-//   // Sidebar contents
-//   --bgcolor-sidebar-context: hsl(var(--bgcolor-sidebar-context-hs),var(--bgcolor-sidebar-context-l));
-//   --bgcolor-sidebar-context-hs: 173,41%;
-//   --bgcolor-sidebar-context-l: 92%;
-//   --color-sidebar-context: var(--color-link);
-//   --color-sidebar-context-hs: var(--color-link-hs);
-//   --color-sidebar-context-l: var(--color-link-l);
-
-//   // Sidebar list group
-//   --bgcolor-sidebar-list-group: #eff8f7; // optional
-
-//   // Subnavigation
-//   --bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));
-//   --bgcolor-subnav-hs: var(--bgcolor-global-hs);
-//   --bgcolor-subnav-l: calc(var(--bgcolor-global-l) + 4%);
-
-//   // Tabs
-//   --bordercolor-nav-tabs: #{bs.$gray-300}; // optional
-
-//   // Icon colors
-//   --color-editor-icons: var(--color-global);
-
-//   // Border colors
-//   --border-color-theme: #{bs.$gray-300};
-//   --bordercolor-inline-code: #ccc8c8; // optional
-
-//   // Dropdown colors
-//   --bgcolor-dropdown-link-active: #{var.$growi-blue};
-
-//   // admin theme box
-//   --color-theme-color-box: #{hsl.darken(var(--primary), 15%)};
-
-//   &, body {
-//     background-image: url('../images/island/island.png');
-//     background-attachment: fixed;
-//   }
-
-//   .rbt-menu {
-//     background: #{hsl.darken(var(--bgcolor-global), 5%)};
-//   }
-
-//   .page-editor-preview-container {
-//     background-image: url('../images/island/island.png');
-//     background-attachment: fixed;
-//   }
-
-//   // login page
-//   .nologin {
-//     background-image: unset !important;
-//   }
-
-//   // Button
-//   .btn-group.grw-page-editor-mode-manager {
-//     .btn.btn-outline-primary {
-//       @include page-editor-mode-manager.btn-page-editor-mode-manager(#{hsl.darken(var(--primary), 50%)}, #{hsl.lighten(var(--primary), 5%)}, #{hsl.darken(var(--primary), 5%)});
-//     }
-//   }
-
-//   // Cards
-//   .admin-bot-card {
-//     .grw-botcard-title-active {
-//       color: var(--color-reversal);
-//     }
-//   }
-
-//   /*
-//    * GROWI Sidebar
-//   */
-//   .grw-sidebar {
-//     // Pagetree
-//     .grw-pagetree {
-//       .grw-pagetree-triangle-btn {
-//         @include mixins-buttons.button-outline-svg-icon-variant(bs.$gray-400, #0d3955);
-//       }
-//     }
-//     // Foldertree
-//     .grw-foldertree {
-//       .grw-foldertree-triangle-btn {
-//         @include mixins-buttons.button-outline-svg-icon-variant(bs.$gray-400, var(--bgcolor-sidebar));
-//       }
-//     }
-//   }
-// }

packages/preset-themes/src/styles/jade-green.scss

@@ -69,261 +69,3 @@ $min-contrast-ratio: 2;
   --grw-wiki-link-color-rgb: var(--grw-primary-500-rgb);
   --grw-wiki-link-hover-color-rgb: var(--grw-primary-400-rgb);
 }
-
-// @use '@growi/core/scss/bootstrap/init' as bs;
-
-// @use './variables' as var;
-// @use './theme/mixins/page-editor-mode-manager';
-// @use './theme/hsl-functions' as hsl;
-
-// :root[data-bs-theme='light'] {
-//   // Theme colors
-//   --primary: hsl(var(--primary-hs),var(--primary-l)) !important;
-//   --primary-hs: 160,53%;
-//   --primary-l: 46%;
-//   --secondary-hs: 208,7%;
-//   --secondary-l: 46%;
-//   --accentcolor: hsl(var(--accentcolor-hs),var(--accentcolor-l));
-//   --accentcolor-hs: 0,0%;
-//   --accentcolor-l: 75%;
-
-//   // Background colors
-//   --bgcolor-global: hsl(var(--bgcolor-global-hs),var(--bgcolor-global-l));
-//   --bgcolor-global-hs: 0,0%;
-//   --bgcolor-global-l: 100%;
-//   --bgcolor-inline-code: #{bs.$gray-100}; //optional
-//   --bgcolor-card: var(--accentcolor);
-//   --bgcolor-blinked-section: #{hsl.alpha(var(--primary),10%)};
-//   //--bgcolor-keyword-highlighted: #{$grw-marker-yellow};
-
-//   // Font colors
-//   --color-global: hsl(var(--color-global-hs),var(--color-global-l));
-//   --color-global-hs: 0,0%;
-//   --color-global-l: 17%;
-//   --color-reversal: #{bs.$gray-100};
-//   --color-link: var(--primary);
-//   --color-link-hs: var(--primary-hs);
-//   --color-link-l: var(--primary-l);
-//   --color-link-hover: #{hsl.lighten(var(--primary), 12%)};
-//   --color-link-wiki: var(--primary);
-//   --color-link-wiki-hs: var(--primary-hs);
-//   --color-link-wiki-l: var(--primary-l);
-//   --color-link-wiki-hover: #{hsl.lighten(var(--primary), 12%)};
-//   --color-link-nabvar: var(--color-reversal);
-//   --color-inline-code: #c7254e; // optional
-//   --color-search: var(--color-global);
-
-//   // List Group colors
-//   // --color-list: var(--color-global);
-//   --bgcolor-list: transparent;
-//   --color-list-hover: var(--color-global);
-//   --bgcolor-list-hover: #{hsl.darken(var(--bgcolor-global),3%)};
-//   // --color-list-active: var(--color-reversal);
-//   // --bgcolor-list-active: var(--primary);
-
-//   // Navbar
-//   --bgcolor-navbar: var(--color-global);
-//   --bgcolor-navbar-hs: var(--color-global-hs);
-//   --bgcolor-navbar-l: var(--color-global-l);
-//   --bgcolor-search-top-dropdown: var(--primary);
-//   --bgcolor-search-top-dropdown-hs: var(--primary-hs);
-//   --bgcolor-search-top-dropdown-l: var(--primary-l);
-//   --border-image-navbar: linear-gradient(to right, var(--primary) 0%, #{hsl.darken(var(--primary), 5%)} 100%);
-
-
-//   // Logo colors
-//   --bgcolor-logo: var(--bgcolor-global);
-//   --fillcolor-logo-mark: var(--bgcolor-global);
-
-//   // Sidebar
-//   --bgcolor-sidebar: var(--accentcolor);
-//   --bgcolor-sidebar-hs: var(--accentcolor-hs);
-//   --bgcolor-sidebar-l: var(--accentcolor-l);
-//   // --bgcolor-sidebar-nav-item-active: rgba(#, 0.37); // optional
-//   --text-shadow-sidebar-nav-item-active: 0px 0px 10px #ffffff; // optional
-
-//   // Sidebar resize button
-//   --color-resize-button: #ffffff;
-//   --bgcolor-resize-button: var(--primary);
-//   --bgcolor-sidebar-context-hs: var(--primary-hs);
-//   --bgcolor-sidebar-context-l: var(--primary-l);
-//   --color-resize-button-hover: var(--color-reversal);
-//   --bgcolor-resize-button-hover: #{hsl.lighten(var(--primary), 5%)};
-
-//   // Sidebar contents
-//   --color-sidebar-context: var(--color-global);
-//   --color-sidebar-context-hs: var(--color-global-hs);
-//   --color-sidebar-context-l: var(--color-global-l);
-//   --bgcolor-sidebar-context: hsl(var(--bgcolor-sidebar-context-hs),var(--bgcolor-sidebar-context-l));
-//   --bgcolor-sidebar-context-hs: 0,0%;
-//   --bgcolor-sidebar-context-l: 93%;
-
-//   // Sidebar list group
-//   // --bgcolor-sidebar-list-group: #; // optional
-
-//   // Subnavigation
-//   --bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));
-//   --bgcolor-subnav-hs: var(--bgcolor-global-hs);
-//   --bgcolor-subnav-l: calc(var(--bgcolor-global-l) - 3%);
-
-//   // Icon colors
-//   --color-editor-icons: var(--color-global);
-
-//   // Border colors
-//   --border-color-theme: var(--primary);
-//   --bordercolor-inline-code: #ccc8c8; // optional
-
-//   // admin theme box
-//   --color-theme-color-box: var(--primary);
-
-//   // Navs {
-//   .nav-tabs {
-//     border-bottom: var(--primary) 1px solid;
-//     .nav-link {
-//       &:hover {
-//         border-color: #{hsl.lighten(var(--primary), 10%)};
-//         border-bottom: none;
-//       }
-//       &.active {
-//         background-color: transparent;
-//       }
-//     }
-//   }
-
-//   // Button
-//   .btn-group.grw-page-editor-mode-manager {
-//     .btn.btn-outline-primary {
-//       @include page-editor-mode-manager.btn-page-editor-mode-manager(#ffffff, var(--primary), var(--primary), #{hsl.lighten(var(--primary), 20%)});
-//     }
-//   }
-// }
-
-// :root[data-bs-theme='dark'] {
-//   // Theme colors
-//   --primary: hsl(var(--primary-hs),var(--primary-l)) !important;
-//   --primary-hs: 160,53%;
-//   --primary-l: 46%;
-//   --secondary: hsl(var(--secondary-hs),var(--secondary-l)) !important;
-//   --secondary-hs: 208,7%;
-//   --secondary-l: 46%;
-//   --accentcolor: hsl(var(--accentcolor-hs),var(--accentcolor-l));
-//   --accentcolor-hs: 0,0%;
-//   --accentcolor-l: 13%;
-
-//   // Background colors
-//   --bgcolor-global: hsl(var(--bgcolor-global-hs),var(--bgcolor-global-l));
-//   --bgcolor-global-hs: 0,0%;
-//   --bgcolor-global-l: 20%;
-//   --bgcolor-inline-code: #{bs.$gray-100}; //optional
-//   --bgcolor-card: #{hsl.darken(var(--bgcolor-global), 5%)};
-//   --bgcolor-blinked-section: #{hsl.alpha(var(--primary),50%)};
-//   --bgcolor-keyword-highlighted: #{darken(var.$grw-marker-red, 30%)};
-
-//   // Font colors
-//   --color-global: hsl(var(--color-global-hs),var(--color-global-l));
-//   --color-global-hs: 0,0%;
-//   --color-global-l: 100%;
-//   --color-reversal: #{bs.$gray-100};
-//   --color-link: var(--primary);
-//   --color-link-hs: var(--primary-hs);
-//   --color-link-l: var(--primary-l);
-//   --color-link-hover: #{hsl.lighten(var(--color-link),12%)};
-//   --color-link-wiki: var(--primary);
-//   --color-link-wiki-hs: var(--primary-hs);
-//   --color-link-wiki-l: var(--primary-l);
-//   --color-link-wiki-hover: #{hsl.lighten(var(--color-link),12%)};
-//   --color-link-nabvar: var(--color-reversal);
-//   --color-inline-code: #c7254e; // optional
-//   --color-search: #a7a7a7;
-
-//   // List Group colors
-//   // --color-list: var(--color-global);
-//   --bgcolor-list: transparent;
-//   --color-list-hover: var(--accentcolor);
-//   // --bgcolor-list-hover: #{hsl.darken(var(--bgcolor-global),3%)};// optional
-//   // --color-list-active: white ; // optional
-//   // --bgcolor-list-active: #{hsl.lighten(var(--bgcolor-global),3%)}; // optional
-
-//   // Navbar
-//   --bgcolor-navbar: hsl(var(--bgcolor-navbar-hs),var(--bgcolor-navbar-l));
-//   --bgcolor-navbar-hs: 0,0%;
-//   --bgcolor-navbar-l: 17%;
-//   --bgcolor-search-top-dropdown: var(--primary);
-//   --bgcolor-search-top-dropdown-hs: var(--primary-hs);
-//   --bgcolor-search-top-dropdown-l: var(--primary-l);
-//   --border-image-navbar: linear-gradient(to right, var(--primary) 0%, #{hsl.darken(var(--primary), 5%)} 100%);
-
-//   // Logo colors
-//   --bgcolor-logo: var(--color-global);
-//   --fillcolor-logo-mark: var(--color-global);
-//   // --fillcolor-logo-mark: #4e5a60;
-
-//   // Sidebar
-//   --bgcolor-sidebar: var(--accentcolor);
-//   --bgcolor-sidebar-hs: var(--accentcolor-hs);
-//   --bgcolor-sidebar-l: var(--accentcolor-l);
-//   // --bgcolor-sidebar-nav-item-active: rgba(#, 0.3); // optional
-//   --text-shadow-sidebar-nav-item-active: 0px 0px 10px var(--primary); // optional
-
-//   // Sidebar resize button
-//   --color-resize-button: var(--color-global);
-//   --bgcolor-resize-button: var(--primary);
-//   --bgcolor-resize-button-hs: var(--primary-hs);
-//   --bgcolor-resize-button-l: var(--primary-l);
-//   --color-resize-button-hover: var(--color-global);
-//   --bgcolor-resize-button-hover: #{hsl.darken(var(--primary), 5%)};
-
-//   // Sidebar contents
-//   --color-sidebar-context: var(--color-global);
-//   --color-sidebar-context-hs: var(--color-global-hs);
-//   --color-sidebar-context-l: var(--color-global-l);
-//   --bgcolor-sidebar-context: hsl(var(--bgcolor-sidebar-context-hs),var(--bgcolor-sidebar-context-l));
-//   --bgcolor-sidebar-context-hs: 0,2%;
-//   --bgcolor-sidebar-context-l: 25%;
-
-//   // Sidebar list group
-//   // --bgcolor-sidebar-list-group: #; // optional
-
-//   // Subnavigation
-//   --bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));
-//   --bgcolor-subnav-hs: var(--bgcolor-global-hs);
-//   --bgcolor-subnav-l: calc(var(--bgcolor-global-l) - 3%);
-
-//   // Icon colors
-//   --color-editor-icons: var(--color-global);
-
-//   // Border colors
-//   --border-color-theme: var(--primary);
-//   --bordercolor-inline-code: #4d4d4d; // optional
-
-//   // admin theme box
-//   --color-theme-color-box: var(--primary);
-
-//   // Navs
-//   .nav-tabs {
-//     border-bottom: var(--primary) 1px solid;
-//     .nav-link {
-//       &:hover {
-//         border-color: #{hsl.lighten(var(--primary), 10%)};
-//         border-bottom: none;
-//       }
-//       &.active {
-//         color: var(--primary);
-//         background-color: transparent;
-//         border-color: var(--primary);
-//       }
-//     }
-//   }
-
-//   // Table
-//   .table {
-//     color: white;
-//   }
-
-//   // Button
-//   .btn-group.grw-page-editor-mode-manager {
-//     .btn.btn-outline-primary {
-//       @include page-editor-mode-manager.btn-page-editor-mode-manager(#ffffff, var(--primary), var(--primary), #{hsl.darken(var(--primary), 20%)});
-//     }
-//   }
-// }

packages/preset-themes/src/styles/kibela.scss

@@ -32,138 +32,3 @@
   --grw-wiki-link-color-rgb: var(--grw-primary-400-rgb);
   --grw-wiki-link-hover-color-rgb: var(--grw-primary-500-rgb);
 }
-
-// @use '@growi/core/scss/bootstrap/init' as bs;
-
-// @use './variables' as var;
-// @use './theme/mixins/page-editor-mode-manager';
-// @use './theme/hsl-functions' as hsl;
-
-// :root[data-bs-theme='light']{
-//   --primary: hsl(var(--primary-hs),var(--primary-l)) !important;
-//   --primary-hs: 212,80%;
-//   --primary-l: 35%;
-//   --secondary: hsl(var(--secondary-hs),var(--secondary-l)) !important;
-//   --secondary-hs: 208,7%;
-//   --secondary-l: 46%;
-//   --subthemecolor: hsl(var(--subthemecolor-hs),var(--subthemecolor-l));
-//   --subthemecolor-hs: 224,94%;
-//   --subthemecolor-l: 66%;
-//   --lightthemecolor: hsl(var(--lightthemecolor-hs),var(--lightthemecolor-l));
-//   --lightthemecolor-hs: 220,80%;
-//   --lightthemecolor-l: 84%;
-
-//   // Background colors
-//   --bgcolor-global: hsl(var(--bgcolor-global-hs),var(--bgcolor-global-l));
-//   --bgcolor-global-hs: 210,10%;
-//   --bgcolor-global-l: 96%;
-//   --bgcolor-inline-code: #{hsl.lighten(var(--subthemecolor), 70%)};
-//   --bgcolor-card: var(--lightthemecolor);
-//   --bgcolor-blinked-section: #{hsl.alpha(var(--primary),20%)};
-//   //--bgcolor-keyword-highlighted: #{$grw-marker-yellow};
-
-//   // Font colors
-//   --color-global: hsl(var(--color-global-hs),var(--color-global-l));
-//   --color-global-hs: 217,23%;
-//   --color-global-l: 31%;
-//   --color-reversal: #{bs.$gray-100};
-//   --color-header: var(--primary);
-//   --color-link: hsl(var(--color-link-hs),var(--color-link-l));
-//   --color-link-hs: 224,56%;
-//   --color-link-l: 55%;
-//   --color-link-hover: #{hsl.lighten(var(--color-link),12%)};
-//   --color-link-wiki: #{hsl.lighten(var(--primary), 20%)};
-//   --color-link-wiki-hover: #{hsl.lighten(var(--primary), 40%)};
-//   --color-link-nabvar: var(--color-global);
-//   --color-inline-code: var(--subthemecolor);
-
-//   // List Group colors
-//   --color-list: var(--color-global); // optional
-//   --bgcolor-list: var(--bgcolor-global); // optional
-//   --color-list-hover: var(--color-reversal);
-//   --color-list-active: var(--color-reversal);
-//   --bgcolor-list-active: var(--primary);
-
-//   // Navbar
-//   --bgcolor-navbar: hsl(var(--bgcolor-navbar-hs),var(--bgcolor-navbar-l));
-//   --bgcolor-navbar-hs: 0,0%;
-//   --bgcolor-navbar-l: 100%;
-//   --bgcolor-search-top-dropdown: var(--primary);
-//   --bgcolor-search-top-dropdown-hs: var(--primary-hs);
-//   --bgcolor-search-top-dropdown-l: var(--primary-l);
-
-//   // Logo colors
-//   --bgcolor-logo: transparent;
-//   --fillcolor-logo-mark: #{hsl.lighten(var(--primary), 20%)};
-
-//   // Sidebar
-//   --bgcolor-sidebar: var(--primary);
-//   --bgcolor-sidebar-hs: var(--primary-hs);
-//   --bgcolor-sidebar-l: var(--primary-l);
-//   --bgcolor-sidebar-context: #{hsl.lighten(var(--primary), 10%)};
-
-//   // Sidebar resize button
-//   --color-resize-button: var(--color-reversal);
-//   --bgcolor-resize-button: hsl(var(--bgcolor-resize-button-hs),var(--bgcolor-resize-button-l));
-//   --bgcolor-resize-button-hs: 199,74%;
-//   --bgcolor-resize-button-l: 49%;
-//   --color-resize-button-hover: var(--color-reversal);
-//   --bgcolor-resize-button-hover: #{hsl.lighten(var(--bgcolor-resize-button), 5%)};
-
-//   // Sidebar contents
-//   --color-sidebar-context: var(--color-global);
-//   --color-sidebar-context-hs: var(--color-global-hs);
-//   --color-sidebar-context-l: var(--color-global-l);
-//   --bgcolor-sidebar-context: hsl(var(--bgcolor-sidebar-context-hs),var(--bgcolor-sidebar-context-l));
-//   --bgcolor-sidebar-context-hs: 225,57%;
-//   --bgcolor-sidebar-context-l: 97%;
-
-//   // Sidebar list group
-//   --bgcolor-sidebar-list-group: #fafbff; // optional
-
-//   // Subnavigation
-//   --bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));
-//   --bgcolor-subnav-hs: var(--bgcolor-global-hs);
-//   --bgcolor-subnav-l: calc(var(--bgcolor-global-l) - 3%);
-
-//   // Icon colors
-//   --color-editor-icons: var(--color-global);
-
-//   // border colors
-//   --border-color-theme: var(--lightthemecolor);
-//   --thickborder: #5584e1;
-//   --bordercolor-inline-code: var(--lightthemecolor);
-
-//   // dropdown colors
-//   --bgcolor-dropdown-link-active: #{var.$growi-blue};
-
-//   // admin theme box
-//   --color-theme-color-box: #{hsl.lighten(var(--primary), 20%)};
-
-//   .main {
-//     .container,
-//     .container-sm,
-//     .container-md,
-//     .container-lg,
-//     .container-fluid {
-//       padding-top: 30px;
-//       padding-bottom: 30px;
-//       background-color: white;
-//       border-radius: 0.35em;
-//     }
-//   }
-
-//   .user-page-footer {
-//     margin-top: 3rem;
-//     margin-bottom: 3rem;
-//     background-color: white;
-//     border-radius: 0.35em;
-//   }
-
-//   //Button
-//   .btn-group.grw-page-editor-mode-manager {
-//     .btn.btn-outline-primary {
-//       @include page-editor-mode-manager.btn-page-editor-mode-manager (#{hsl.darken(var(--primary), 15%)}, #{hsl.lighten(var(--primary), 45%)}, #{hsl.lighten(var(--primary), 50%)});
-//     }
-//   }
-// }

packages/preset-themes/src/styles/mono-blue.scss

@@ -67,268 +67,3 @@
   --grw-wiki-link-color-rgb: var(--grw-primary-500-rgb);
   --grw-wiki-link-hover-color-rgb: var(--grw-primary-300-rgb);
 }
-
-// @use '@growi/core/scss/bootstrap/init' as bs;
-
-// @use './variables' as var;
-// @use './theme/mixins/page-editor-mode-manager';
-// @use './theme/hsl-functions' as hsl;
-
-// :root[data-bs-theme='light'] {
-//   // Theme colors
-//   --primary: hsl(var(--primary-hs),var(--primary-l)) !important;
-//   --primary-hs: 197,100%;
-//   --primary-l: 24%;
-//   --secondary: hsl(var(--secondary-hs),var(--secondary-l)) !important;
-//   --secondary-hs: 208,7%;
-//   --secondary-l: 46%;
-//   --accentcolor: hsl(var(--accentcolor-hs),var(--accentcolor-l));
-//   --accentcolor-hs: 210,14%;
-//   --accentcolor-l: 89%;
-
-//   // Background colors
-//   --bgcolor-global: hsl(var(--bgcolor-global-hs),var(--bgcolor-global-l));
-//   --bgcolor-global-hs: 200,60%;
-//   --bgcolor-global-l: 98%;
-//   --bgcolor-inline-code: #{bs.$gray-100}; //optional
-//   --bgcolor-card: #{hsl.darken(var(--bgcolor-global), 5%)};
-//   --bgcolor-blinked-section: #{hsl.alpha(var(--primary),10%)};
-//   //--bgcolor-keyword-highlighted: #{$grw-marker-yellow};
-
-//   // Font colors
-//   --color-global: var(--primary);
-//   --color-global-hs: var(--primary-hs);
-//   --color-global-l: var(--primary-l);
-//   --color-reversal: #{bs.$gray-100};
-//   --color-link: #{hsl.lighten(var(--primary),5%)};
-//   --color-link-hs: var(--primary-hs);
-//   --color-link-l: calc(var(--primary-l) + 5%);
-//   --color-link-hover: #{hsl.lighten(var(--color-link), 12%)};
-//   --color-link-wiki: #{hsl.lighten(var(--primary),20%)};
-//   --color-link-wiki-hs: var(--primary-hs);
-//   --color-link-wiki-l: calc(var(--primary-l) + 20%);
-//   --color-link-wiki-hover: #{hsl.lighten(var(--primary),40%)};
-//   --color-link-nabvar: var(--color-reversal);
-//   --color-inline-code: #c7254e; // optional
-//   --color-search: #c0d6df;
-
-//   // List Group colors
-//   // --color-list: var(--color-global);
-//   --bgcolor-list: transparent;
-//   --color-list-hover: var(--color-search);
-//   --bgcolor-list-hover: #{hsl.lighten(var(--primary), 70%)};
-//   // --color-list-active: var(--color-reversal);
-//   // --bgcolor-list-active: var(--primary);
-
-//   // Navbar
-//   --bgcolor-navbar: hsl(var(--bgcolor-navbar-hs),var(--bgcolor-navbar-l));
-//   --bgcolor-navbar-h: 0;
-//   --bgcolor-navbar-s: 1%;
-//   --bgcolor-navbar-l: 16%;
-//   --bgcolor-navbar-hs: 0,1%;
-//   --bgcolor-search-top-dropdown: var(--primary);
-//   --bgcolor-search-top-dropdown-hs: var(--primary-hs);
-//   --bgcolor-search-top-dropdown-l: var(--primary-l);
-//   --border-image-navbar: linear-gradient(to right, #54bafd 0%, #3d98a3 50%, #708b0b 100%);
-
-//   // Logo colors
-//   --bgcolor-logo: var(--primary);
-//   --fillcolor-logo-mark: hsl(var(--bgcolor-navbar-h),calc(var(--bgcolor-navbar-s) - 10%),calc(var(--bgcolor-navbar-l) + 15%));
-
-//   // Sidebar
-//   --bgcolor-sidebar: var(--primary);
-//   --bgcolor-sidebar-hs: var(--primary-hs);
-//   --bgcolor-sidebar-l: var(--primary-l);
-
-//   // --bgcolor-sidebar-nav-item-active: rgba(#, 0.37); // optional
-//   --text-shadow-sidebar-nav-item-active: 0px 0px 10px #0099ff; // optional
-
-//   // Sidebar resize button
-//   --color-resize-button: var(--color-reversal);
-//   --bgcolor-resize-button: hsl(var(--bgcolor-resize-button-hs),var(--bgcolor-resize-button-l));
-//   --bgcolor-resize-button-hs: 199,74%;
-//   --bgcolor-resize-button-l: 49%;
-//   --color-resize-button-hover: var(--color-reversal);
-//   --bgcolor-resize-button-hover: #{hsl.lighten(var(--bgcolor-resize-button), 5%)};
-
-//   // Sidebar contents
-//   --color-sidebar-context: var(--color-global);
-//   --color-sidebar-context-hs: var(--color-global-hs);
-//   --color-sidebar-context-l: var(--color-global-l);
-//   --bgcolor-sidebar-context: hsl(var(--bgcolor-sidebar-context-hs),var(--bgcolor-sidebar-context-l));
-//   --bgcolor-sidebar-context-hs: 193,100%;
-//   --bgcolor-sidebar-context-l: 97%;
-
-//   // Sidebar list group
-//   // --bgcolor-sidebar-list-group: #; // optional
-
-//   // Subnavigation
-//   --bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));
-//   --bgcolor-subnav-hs: var(--bgcolor-global-hs);
-//   --bgcolor-subnav-l: calc(var(--bgcolor-global-l) - 3%);
-
-//   // Icon colors
-//   --color-editor-icons: var(--color-global);
-
-//   // Border colors
-//   --border-color-theme: var(--accentcolor);
-//   --bordercolor-inline-code: #ccc8c8; // optional
-
-//   // admin theme box
-//   --color-theme-color-box: #{hsl.lighten(var(--primary), 20%)};
-
-//   // Navs {
-//   .nav-tabs {
-//     border-bottom: var(--accentcolor) 1px solid;
-//     .nav-link {
-//       &:hover {
-//         border-color: #{hsl.lighten(var(--accentcolor),10%)};
-//         border-bottom: none;
-//       }
-//       &.active {
-//         background-color: transparent;
-//       }
-//     }
-//   }
-//   // Button
-//   .btn-group.grw-page-editor-mode-manager {
-//     .btn.btn-outline-primary {
-//       @include page-editor-mode-manager.btn-page-editor-mode-manager(var(--primary), #{hsl.lighten(var(--primary), 65%)}, #{hsl.lighten(var(--primary), 70%)});
-//     }
-//   }
-// }
-
-// :root[data-bs-theme='dark'] {
-//   // Theme colors
-//   --primary: hsl(var(--primary-hs),var(--primary-l)) !important;
-//   --primary-hs: 197,100%;
-//   --primary-l: 39%;
-//   --secondary: hsl(var(--secondary-hs),var(--secondary-l)) !important;
-//   --secondary-hs: 208,7%;
-//   --secondary-l: 46%;
-//   --accentcolor: hsl(var(--accentcolor-hs),var(--accentcolor-l));
-//   --accentcolor-hs: 203,78%;
-//   --accentcolor-l: 35%;
-
-//   // Background colors
-//   --bgcolor-global: hsl(var(--bgcolor-global-hs),var(--bgcolor-global-l));
-//   --bgcolor-global-hs: 203,77%;
-//   --bgcolor-global-l: 10%;
-//   --bgcolor-navbar: hsl(var(--bgcolor-navbar-hs),var(--bgcolor-navbar-l));
-//   --bgcolor-navbar-hs: 201,20%;
-//   --bgcolor-navbar-l: 19%;
-//   --bgcolor-inline-code: #1f1f22; //optional
-//   --bgcolor-card: #{hsl.darken(var(--bgcolor-global), 5%)};
-//   --bgcolor-blinked-section: #{hsl.alpha(var(--primary),50%)};
-//   --bgcolor-keyword-highlighted: #{darken(var.$grw-marker-red, 30%)};
-
-//   // Font colors
-//   --color-global: hsl(var(--color-global-hs),var(--color-global-l));
-//   --color-global-hs: 180,1%;
-//   --color-global-l: 83%;
-//   --color-reversal: #{bs.$gray-100};
-//   --color-link: hsl(var(--color-link-hs),var(--color-link-l));
-//   --color-link-hs: 201,75%;
-//   --color-link-l: 77%;
-//   --color-link-hover: #{hsl.darken(var(--color-link), 12%)};
-//   --color-link-wiki: #{hsl.lighten(var(--primary),20%)};
-//   --color-link-wiki-hs: var(--primary-hs);
-//   --color-link-wiki-l: calc(var(--primary-l) + 20%);
-//   --color-link-wiki-hover: #{hsl.lighten(var(--primary),40%)};
-//   --color-link-nabvar: var(--color-reversal);
-//   --color-inline-code: #c7254e; // optional
-//   --color-search: #000102;
-
-//   // List Group colors
-//   // --color-list: var(--color-global);
-//   --bgcolor-list: transparent;
-//   --color-list-hover: #16617d;
-//   // --bgcolor-list-hover: #{hsl.lighten(var(--bgcolor-global),3%)}; // optional
-//   // --color-list-active: var(--color-reversal);
-//   // --bgcolor-list-active: var(--primary);
-
-//   // Navbar
-//   --bgcolor-navbar: hsl(var(--bgcolor-navbar-hs),var(--bgcolor-navbar-l));
-//   --bgcolor-navbar-h: 0;
-//   --bgcolor-navbar-s: 1%;
-//   --bgcolor-navbar-l: 16%;
-//   --bgcolor-navbar-hs:var(--bgcolor-navbar-h),var(--bgcolor-navbar-s);
-//   --bgcolor-search-top-dropdown: var(--primary);
-//   --bgcolor-search-top-dropdown-hs: var(--primary-hs);
-//   --bgcolor-search-top-dropdown-l: var(--primary-l);
-//   --border-image-navbar: linear-gradient(to right, #54bafd 0%, #3d98a3 50%, #708b0b 100%);
-
-//   // Logo colors
-//   --bgcolor-logo: #13191c;
-//   --fillcolor-logo-mark: hsl(var(--bgcolor-navbar-h),calc(var(--bgcolor-navbar-s) - 10%),calc(var(--bgcolor-navbar-l) + 15%));
-//   // --fillcolor-logo-mark: #4e5a60;
-
-//   // Sidebar
-//   --bgcolor-sidebar: hsl(var(--bgcolor-sidebar-hs),var(--bgcolor-sidebar-l));
-//   --bgcolor-sidebar-hs: 196,70%;
-//   --bgcolor-sidebar-l: 29%;
-//   // --bgcolor-sidebar-nav-item-active: rgba(#, 0.3); // optional
-//   --text-shadow-sidebar-nav-item-active: 0px 0px 10px #0099ff; // optional
-
-//   // Sidebar resize button
-//   --color-resize-button: var(--color-global);
-//   --bgcolor-resize-button: var(--primary);
-//   --bgcolor-resize-button-hs: var(--primary-hs);
-//   --bgcolor-resize-button-l: var(--primary-l);
-//   --color-resize-button-hover: var(--color-global);
-//   --bgcolor-resize-button-hover: #{hsl.darken(var(--primary), 5%)};
-
-//   // Sidebar contents
-//   --bgcolor-sidebar-context: #{hsl.darken(var(--bgcolor-sidebar), 13%)};
-//   --bgcolor-sidebar-context-hs: var(--bgcolor-sidebar-hs);
-//   --bgcolor-sidebar-context-l: calc(var(--bgcolor-sidebar-l) - 13%);
-//   --color-sidebar-context: var(--color-global);
-//   --color-sidebar-context-hs: var(--color-global-hs);
-//   --color-sidebar-context-l: var(--color-global-l);
-
-//   // Sidebar list group
-//   // --bgcolor-sidebar-list-group: #; // optional
-
-//   // Subnavigation
-//   --bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));
-//   --bgcolor-subnav-hs: var(--bgcolor-global-hs);
-//   --bgcolor-subnav-l: calc(var(--bgcolor-global-l) - 3%);
-
-//   // Icon colors
-//   --color-editor-icons: var(--color-global);
-
-//   // Border colors
-//   --border-color-theme: var(--accentcolor);
-//   --bordercolor-inline-code: #4d4d4d; // optional
-
-//   // admin theme box
-//   --color-theme-color-box: var(--primary);
-
-//   // Navs
-//   .nav-tabs {
-//     border-bottom: var(--accentcolor) 1px solid;
-//     .nav-link {
-//       &:hover {
-//         border-color: #{hsl.lighten(var(--accentcolor), 10%)};
-//         border-bottom: none;
-//       }
-//       &.active {
-//         color: var(--color-link);
-//         background-color: transparent;
-//         border-color: var(--accentcolor);
-//       }
-//     }
-//   }
-
-//   // Table
-//   .table {
-//     color: white;
-//   }
-
-//   // Button
-//   .btn-group.grw-page-editor-mode-manager {
-//     .btn.btn-outline-primary {
-//       @include page-editor-mode-manager.btn-page-editor-mode-manager(#{hsl.lighten(var(--primary), 30%)}, var(--primary), #{hsl.darken(var(--primary), 10%)}, #{hsl.darken(var(--primary), 20%)});
-//     }
-//   }
-// }

packages/preset-themes/src/styles/nature.scss

@@ -32,129 +32,3 @@
   --grw-wiki-link-color-rgb: var(--grw-primary-600-rgb);
   --grw-wiki-link-hover-color-rgb: var(--grw-primary-700-rgb);
 }
-
-// @use '@growi/core/scss/bootstrap/init' as bs;
-
-// @use './variables' as var;
-// @use './theme/mixins/page-editor-mode-manager';
-// @use './theme/hsl-functions' as hsl;
-
-// .growi:not(.login-page) {
-//   // add background-image
-//   .page-editor-preview-container {
-//     background-attachment: fixed;
-//     background-position: center center;
-//     background-size: cover;
-//   }
-// }
-
-// //== Light Mode
-// //
-// :root[data-bs-theme='light'] {
-//   --primary: hsl(var(--primary-hs),var(--primary-l)) !important;
-//   --primary-hs: 311,100%;
-//   --primary-l: 14%;
-//   --secondary: hsl(var(--secondary-hs),var(--secondary-l)) !important;
-//   --secondary-hs: 208,7%;
-//   --secondary-l: 46%;
-
-//   // Background colors
-//   --bgcolor-global: hsl(var(--bgcolor-global-hs),var(--bgcolor-global-l));
-//   --bgcolor-global-hs: 0,0%;
-//   --bgcolor-global-l: 99%;
-//   --bgcolor-inline-code: #{bs.$gray-100}; //optional
-//   --bgcolor-card: #f1ffe4;
-//   --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 10%)};
-//   //--bgcolor-keyword-highlighted: #{$grw-marker-yellow};
-
-//   // Font colors
-//   --color-global: hsl(var(--color-global-hs),var(--color-global-l));
-//   --color-global-hs: 311,100%;
-//   --color-global-l: 14%;
-//   --color-reversal: #eeeeee;
-//   --color-link: hsl(var(--color-link-hs),var(--color-link-l));
-//   --color-link-hs: 328,100%;
-//   --color-link-l: 25%;
-//   --color-link-hover: #{hsl.lighten(var(--color-link), 20%)};
-//   --color-link-wiki: #{hsl.lighten(var(--primary), 20%)};
-//   --color-link-wiki-hs: var(--primary-hs);
-//   --color-link-wiki-l: calc(var(--primary-l) + 20%);
-//   --color-link-wiki-hover: #{hsl.lighten(var(--primary), 40%)};
-//   --color-link-nabvar: #a7a7a7;
-//   --color-inline-code: #c7254e; // optional
-//   --color-search: white;
-
-//   // Navbar
-//   --bgcolor-navbar: hsl(var(--bgcolor-navbar-hs),var(--bgcolor-navbar-l));
-//   --bgcolor-navbar-hs: 158,30%;
-//   --bgcolor-navbar-l: 20%;
-//   --bgcolor-search-top-dropdown: hsl(var(--bgcolor-search-top-dropdown-hs),var(--bgcolor-search-top-dropdown-l));
-//   --bgcolor-search-top-dropdown-hs: 115,95%;
-//   --bgcolor-search-top-dropdown-l: 36%;
-//   --border-image-navbar: linear-gradient(to right, #5c78ef 0%, #16bc42 50%, #5c78ef 100%);
-
-//   // Logo colors
-//   --bgcolor-logo: var(--bgcolor-navbar);
-//   --fillcolor-logo-mark: #{lighten(desaturate(bs.$gray-100, 10%), 15%)};
-
-//   // Sidebar
-//   --bgcolor-sidebar: hsl(var(--bgcolor-sidebar-hs),var(--bgcolor-sidebar-l));
-//   --bgcolor-sidebar-hs: 158,71%;
-//   --bgcolor-sidebar-l: 33%;
-
-//   // Sidebar contents
-//   --color-sidebar-context: hsl(var(--color-sidebar-context-hs),var(--color-sidebar-context-l));
-//   --color-sidebar-context-hs: 328,100%;
-//   --color-sidebar-context-l: 25%;
-//   --bgcolor-sidebar-context: hsl(var(--bgcolor-sidebar-context-hs),var(--bgcolor-sidebar-context-l));
-//   --bgcolor-sidebar-context-hs: 67,31%;
-//   --bgcolor-sidebar-context-l: 94%;
-
-//   // Sidebar resize button
-//   --color-resize-button: white;
-//   --bgcolor-resize-button: hsl(var(--bgcolor-resize-button-hs),var(--bgcolor-resize-button-l));
-//   --bgcolor-resize-button-hs: 115,95%;
-//   --bgcolor-resize-button-l: 36%;
-//   --color-resize-button-hover: var(--color-reversal);
-//   --bgcolor-resize-button-hover: #{hsl.lighten(var(--bgcolor-resize-button), 5%)};
-
-//   // Subnavigation
-//   --bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));
-//   --bgcolor-subnav-hs: 0,0%;
-//   --bgcolor-subnav-l: 98%;
-
-//   // Icon colors
-//   --color-editor-icons: var(--color-global);
-
-//   // Border colors
-//   --border-color-theme: #{bs.$gray-300};
-//   --bordercolor-inline-code: #ccc8c8; // optional
-
-//   // Table colors
-//   --border-color-table: #{bs.$gray-400}; // optional
-
-//   // admin theme box
-//   --color-theme-color-box: #{hsl.lighten(var(--primary), 20%)};
-
-//   // Search Top
-//   .grw-global-search {
-//     .btn-secondary.dropdown-toggle {
-//       color: var(--color-search);
-//     }
-//   }
-
-//   // Navs
-//   .nav-tabs .nav-link.active {
-//     color: var(--color-link) !important;
-//     &:hover {
-//       color: var(--color-link-hover) !important;
-//     }
-//   }
-
-//   // Button
-//   .btn-group.grw-page-editor-mode-manager {
-//     .btn.btn-outline-primary {
-//       @include page-editor-mode-manager.btn-page-editor-mode-manager(var(--bgcolor-navbar), #{hsl.lighten(var(--bgcolor-navbar), 65%)}, #{hsl.lighten(var(--bgcolor-navbar), 70%)});
-//     }
-//   }
-// }

packages/preset-themes/src/styles/spring.scss

@@ -40,198 +40,3 @@
     background-size: cover;
   }
 }
-
-// @use '@growi/core/scss/bootstrap/init' as bs;
-
-// @use './variables' as var;
-// @use './theme/mixins/page-editor-mode-manager';
-// @use './theme/mixins/hsl-button';
-// @use './theme/hsl-functions' as hsl;
-
-// //== Light Mode
-// //
-// :root[data-bs-theme='light'] {
-//   --primary: hsl(var(--primary-hs),var(--primary-l)) !important;
-//   --primary-hs: 348,100%;
-//   --primary-l: 86%;
-//   --secondary: hsl(var(--secondary-hs),var(--secondary-l)) !important;
-//   --secondary-hs: 326,57%;
-//   --secondary-l: 72%;
-
-//   // Background colors
-//   --bgcolor-global: hsl(var(--bgcolor-global-hs),var(--bgcolor-global-l));
-//   --bgcolor-global-hs: 0,0%;
-//   --bgcolor-global-l: 100%;
-//   --bgcolor-inline-code: #{bs.$gray-100}; //optional
-//   --bgcolor-card: #{bs.$gray-100};
-//   --bgcolor-blinked-section: #{hsl.alpha(var(--primary), 50%)};
-//   --bgcolor-keyword-highlighted: #{var.$grw-marker-cyan};
-
-//   // Font colors
-//   --color-global: hsl(var(--color-global-hs),var(--color-global-l));
-//   --color-global-hs: 0,0%;
-//   --color-global-l: 0%;
-//   --color-reversal: white;
-//   --color-link: hsl(var(--color-link-hs),var(--color-link-l));
-//   --color-link-hs: 108,32%;
-//   --color-link-l: 50%;
-//   --color-link-hover: #{hsl.lighten(var(--color-link), 10%)};
-//   --color-link-wiki: var(--color-link);
-//   --color-link-wiki-hs: var(--color-link-hs);
-//   --color-link-wiki-l: var(--color-link-l);
-//   --color-link-wiki-hover: #{hsl.lighten(var(--color-link), 10%)};
-//   --color-link-nabvar: var(--bgcolor-global);
-//   --color-inline-code: #c7254e; // optional
-
-//   // List Group colors
-//   // $color-list: $color-global;
-//   --bgcolor-list: #fff0f5;
-//   --color-list-hover: #{hsl.lighten(var(--secondary), 20%)};
-//   --bgcolor-list-hover: #{darken(#fff0f5, 2%)};
-//   --color-list-active: var(--bgcolor-global);
-//   --bgcolor-list-active: var(--secondary);
-
-//   // Navbar
-//   --bgcolor-navbar: hsl(var(--bgcolor-navbar-hs),var(--bgcolor-navbar-l));
-//   --bgcolor-navbar-hs: 349,55%;
-//   --bgcolor-navbar-l: 62%;
-//   --bgcolor-search-top-dropdown: var(--primary);
-//   --bgcolor-search-top-dropdown-hs: var(--primary-hs);
-//   --bgcolor-search-top-dropdown-l: var(--primary-l);
-//   --border-image-navbar: linear-gradient(to right, #cbe682 0%, #4ad6e8 50%, #ea42f0 100%);
-
-//   // Logo colors
-//   --bgcolor-logo: var(--bgcolor-navbar);
-//   --fillcolor-logo-mark: #{lighten(desaturate(bs.$gray-100, 10%), 15%)};
-
-//   // Sidebar
-//   --bgcolor-sidebar: var(--primary);
-//   --bgcolor-sidebar-hs: var(--primary-hs);
-//   --bgcolor-sidebar-l: var(--primary-l);
-
-//   // Sidebar resize button
-//   --color-resize-button: var(--color-reversal);
-//   --bgcolor-resize-button: var(--color-link);
-//   --bgcolor-resize-button-hs: var(--color-link-hs);
-//   --bgcolor-resize-button-l: var(--color-link-l);
-//   --color-resize-button-hover: var(--color-reversal);
-//   --bgcolor-resize-button-hover: #{hsl.lighten(var(--color-link), 5%)};
-
-//   // Sidebar contents
-//   --color-sidebar-context: var(--color-link);
-//   --color-sidebar-context-hs: var(--color-link-hs);
-//   --color-sidebar-context-l: var(--color-link-l);
-//   --bgcolor-sidebar-context: hsl(var(--bgcolor-sidebar-context-hs),var(--bgcolor-sidebar-context-l));
-//   --bgcolor-sidebar-context-hs: 150,100%;
-//   --bgcolor-sidebar-context-l: 100%;
-
-//   // Sidebar list group
-//   --bgcolor-sidebar-list-group: #fafbff; // optional
-
-//   // Subnavigation
-//   --bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));
-//   --bgcolor-subnav-hs: var(--bgcolor-global-hs);
-//   --bgcolor-subnav-l: calc(var(--bgcolor-global-l) + 4%);
-
-//   // Icon colors
-//   --color-editor-icons: var(--color-global);
-
-//   // Border colors
-//   --border-color-theme: #{bs.$gray-300}; // former: `$navbar-border: $gray-300;`
-//   --bordercolor-inline-code: #ccc8c8; // optional
-
-//   // Dropdown colors
-//   --bgcolor-dropdown-link-active: #{var.$growi-blue};
-
-//   // admin theme box
-//   --color-theme-color-box: #{hsl.darken(var(--primary), 20%)};
-
-//   &, body {
-//     background-image: url('../images/spring/spring02.svg');
-//     background-attachment: fixed;
-//     background-position: bottom;
-//     background-size: cover;
-//   }
-
-//   .grw-navbar {
-//     border-bottom: var(--secondary) 4px solid;
-//   }
-
-//   //Button
-//   // Outline buttons are applyed the accent color to this spring theme cuz the primary is too light and it looks like unable to click them.
-//   .btn.btn-outline-primary {
-//     @include hsl-button.button-outline-variant(var(--secondary), var(--secondary), #{hsl.lighten(var(--secondary), 20%)}, var(--secondary));
-//   }
-//   .btn-group.grw-page-editor-mode-manager {
-//     .btn.btn-outline-primary {
-//       @include page-editor-mode-manager.btn-page-editor-mode-manager(#{hsl.darken(var(--primary), 50%)}, #{hsl.lighten(var(--primary), 5%)}, #{hsl.lighten(var(--primary), 10%)});
-//     }
-//   }
-
-//   .growi:not(.login-page) {
-//     // add background-image
-//     .page-editor-preview-container {
-//       background-image: url('../images/spring/spring02.svg');
-//       background-attachment: fixed;
-//       background-position: bottom;
-//       background-size: cover;
-//     }
-//   }
-
-//   // login and register
-//   .nologin {
-//     .page-wrapper{
-//       background-color: #fff0f5;
-//       background-image: url('../images/spring/spring.svg');
-//       background-attachment: fixed;
-//       background-position: bottom;
-//       background-size: cover;
-
-//       .nologin-header,
-//       .nologin-dialog {
-//         background-color: rgba(black, 0.1);
-//         a.link-switch {
-//           color: var(--color-global);
-//         }
-//       }
-
-//       .grw-external-auth-form {
-//         border-color: var(--secondary);
-//       }
-//     }
-//   }
-
-//   .table {
-//     background-color: var(--bgcolor-global);
-//   }
-
-//   /*
-//     Cards
-//   */
-//   .card-timeline > .card-header {
-//     background-color: antiquewhite;
-//   }
-
-//   .admin-bot-card {
-//     .grw-botcard-title-active {
-//       color: var(--color-reversal);
-//     }
-//   }
-
-//   h1,
-//   h2 {
-//     color: var(--color-link);
-
-//     svg {
-//       fill: var(--color-link);
-//     }
-//   }
-
-//   .nav.nav-tabs {
-//     > .nav-item {
-//       > .nav-link.active {
-//         color: var(--color-link);
-//       }
-//     }
-//   }
-// }

packages/preset-themes/src/styles/wood.scss

@@ -36,201 +36,3 @@
     background-image: url('../images/wood/wood.svg');
   }
 }
-
-// @use '@growi/core/scss/bootstrap/init' as bs;
-
-// @use './variables' as var;
-// @use './theme/mixins/page-editor-mode-manager';
-// @use './theme/hsl-functions' as hsl;
-
-// .growi:not(.login-page) {
-//   // add background-image
-//   .page-editor-preview-container {
-//     background-image: url('../images/wood/wood.jpg');
-//     background-attachment: fixed;
-//     background-position: center center;
-//     background-size: cover;
-//   }
-// }
-
-// .growi.login-page {
-//   .page-wrapper {
-//     background-image: url('../images/wood/wood.jpg');
-//     background-attachment: fixed;
-//     background-position: center center;
-//     background-size: cover;
-//   }
-// }
-
-// //== Light Mode
-// //
-// :root[data-bs-theme='light'] {
-//   --primary: hsl(var(--primary-hs),var(--primary-l)) !important;
-//   --primary-hs: 55,31%;
-//   --primary-l: 52%;
-//   --secondary: hsl(var(--secondary-hs),var(--secondary-l)) !important;
-//   --secondary-hs: 208,7%;
-//   --secondary-l: 46%;
-//   --themecolor: hsl(var(--themecolor-hs),var(--themecolor-l));
-//   --themecolor-hs: 53,32%;
-//   --themecolor-l: 60%;
-
-//   // Background colors
-//   --bgcolor-global: hsl(var(--bgcolor-global-hs),var(--bgcolor-global-l));
-//   --bgcolor-global-hs: 0,0%;
-//   --bgcolor-global-l: 100%;
-//   --bgcolor-card: #ece8de;
-//   --bgcolor-blinked-section: #{hsl.alpha(var(--primary),30%)};
-//   --bgcolor-keyword-highlighted: #{var.$grw-marker-blue};
-
-//   // Font colors
-//   --color-global: hsl(var(--color-global-hs),var(--color-global-l));
-//   --color-global-hs: 42,86%;
-//   --color-global-l: 14%;
-//   --color-reversal: #fffffc;
-//   --color-link: hsl(var(--color-link-hs),var(--color-link-l));
-//   --color-link-hs: 44,93%;
-//   --color-link-l: 32%;
-//   --color-link-hover: #{hsl.lighten(var(--color-link), 10%)};
-//   --color-link-wiki: var(--color-link);
-//   --color-link-wiki-hs: var(--color-link-hs);
-//   --color-link-wiki-l: var(--color-link-l);
-//   --color-link-wiki-hover: #{hsl.lighten(var(--color-link), 10%)};
-//   --color-link-nabvar: #a7a7a7;
-//   --color-search: white;
-
-//   // Inline code
-//   --bgcolor-inline-code: #f5f3ee;; //optional
-//   // --color-inline-code: # !default;
-//   --bordercolor-inline-code: var(--themecolor); //optional
-
-//   // List Group colors
-//   // --color-list: var(--color-global);
-//   --bgcolor-list: transparent;
-//   --color-list-hover: #{bs.$gray-100};
-//   --bgcolor-list-hover: #{hsl.lighten(var(--primary), 40%)};
-//   // --color-list-active: var(--color-reversal);
-//   --bgcolor-list-active: #{hsl.lighten(var(--primary), 30%)};
-
-//   // Table colors
-//   // --color-table: #; // optional
-//   // --bgcolor-table: #; // optional
-//   --border-color-table: #{bs.$gray-400}; // optional
-//   // --color-table-hover: #; // optional
-//   // --bgcolor-table-hover: #; // optional
-
-//   // Navbar
-//   --bgcolor-navbar: hsl(var(--bgcolor-navbar-hs),var(--bgcolor-navbar-l));
-//   --bgcolor-navbar-hs: 0,1%;
-//   --bgcolor-navbar-l: 16%;
-//   --bgcolor-search-top-dropdown: var(--themecolor);
-//   --bgcolor-search-top-dropdown-hs: var(--themecolor-hs);
-//   --bgcolor-search-top-dropdown-l: var(--themecolor-l);
-//   --border-image-navbar: linear-gradient(to right, var(--themecolor) 0%, #{hsl.darken(var(--themecolor), 20%)} 100%);
-
-//   // Logo colors
-//   --bgcolor-logo: #{hsl.darken(var(--themecolor), 10%)};
-//   --fillcolor-logo-mark: #{lighten(desaturate(#b9b177, 50%), 50%)}; // Icon colors
-//   --color-editor-icons: var(--color-global);
-
-//   // Sidebar
-//   --bgcolor-sidebar: var(--themecolor);
-//   --bgcolor-sidebar-hs: var(--themecolor-hs);
-//   --bgcolor-sidebar-l: var(--themecolor-l);
-
-//   // Sidebar contents
-//   --color-sidebar-context: hsl(var(--color-sidebar-context-hs),var(--color-sidebar-context-l));
-//   --color-sidebar-context-hs: 44,93%;
-//   --color-sidebar-context-l: 32%;
-//   --bgcolor-sidebar-context: #{hsl.lighten(var(--themecolor), 38%)};
-//   --bgcolor-sidebar-context-hs: var(--themecolor-hs);
-//   --bgcolor-sidebar-context-l: calc(var(--themecolor-l) + 38%);
-
-//   // Sidebar list group
-//   --bgcolor-sidebar-list-group: rgba(#f7f5f1, 0.5);
-
-//   // Sidebar resize button
-//   --color-resize-button: white;
-//   --bgcolor-resize-button: var(--themecolor);
-//   --bgcolor-resize-button-hs: var(--themecolor-hs);
-//   --bgcolor-resize-button-l: var(--themecolor-l);
-//   --color-resize-button-hover: var(--color-reversal);
-//   --bgcolor-resize-button-hover: #{hsl.lighten(var(--bgcolor-resize-button), 5%)};
-
-//   // Border colors
-//   --border-color-theme: #{bs.$gray-300}; // former: `$navbar-border: $gray-300;`
-//   --bordercolor-inline-code: #ccc8c8; // optional
-
-//   // Dropdown colors
-//   --bgcolor-dropdown-link-active: #{var.$growi-blue};
-
-//   // admin theme box
-//   --color-theme-color-box: #{hsl.lighten(var(--primary), 20%)};
-
-//   // alert
-//   --color-alert: var(--color-reversal);
-
-//   // Subnavigation
-//   --bgcolor-subnav: hsl(var(--bgcolor-subnav-hs),var(--bgcolor-subnav-l));
-//   --bgcolor-subnav-hs: var(--bgcolor-global-hs);
-//   --bgcolor-subnav-l: calc(var(--bgcolor-global-l) - 3%);
-
-//   &, body {
-//     background-image: url('../images/wood/wood.jpg');
-//     background-attachment: fixed;
-//     background-position: 50%;
-//     background-size: cover;
-//   }
-
-//   /*
-//    * Modal
-//    */
-//   .modal-dialog .modal-header.bg-primary {
-//     background-image: url('../images/wood/wood-navbar.jpg');
-//   }
-
-//   // Sidebar
-//   .grw-sidebar {
-//     div[data-testid='GlobalNavigation'] {
-//       background-image: url('../images/wood/wood-navbar.jpg');
-
-//       button,
-//       .btn {
-//         border: none;
-//       }
-//     }
-//     div[data-testid='ContextualNavigation'] {
-//       > div {
-//         background-color: rgba(white, 0.6);
-//         background-image: url('../images/wood/wood-navbar.jpg');
-//         background-blend-mode: lighten;
-//       }
-//     }
-//   }
-
-//   // login and register
-//   .nologin {
-//     background: unset !important;
-
-//     .page-wrapper{
-//       .nologin-header,
-//       .nologin-dialog {
-//         background-color: rgba(black, 0.1);
-//         a.link-switch {
-//           color: rgba(black, 0.5);
-//         }
-//       }
-
-//       .grw-external-auth-form {
-//         border-color: #aaa;
-//       }
-//     }
-//   }
-
-//   // Button
-//   .btn-group.grw-page-editor-mode-manager {
-//     .btn.btn-outline-primary {
-//       @include page-editor-mode-manager.btn-page-editor-mode-manager(#{hsl.darken(var(--primary), 30%)}, #{hsl.lighten(var(--primary), 15%)}, #{hsl.lighten(var(--primary), 25%)});
-//     }
-//   }
-// }