separate theme styles from style-next.scss

packages/app/src/components/Theme/ThemeAntarctic.global.scss

@@ -1,5 +1,5 @@
-// @use '../../styles/variables' as *;
-// @use '../../styles/bootstrap/variables' as *;
+@use '../../styles/variables' as *;
+@use '../../styles/bootstrap/variables' as *;
 @use '../../styles/theme/mixins/page-editor-mode-manager';
 
 // == Define Bootstrap theme colors

packages/app/src/components/Theme/ThemeBlackboard.global.scss

@@ -1,5 +1,5 @@
-// @use '../../styles/variables' as *;
-// @use '../../styles/bootstrap/variables' as *;
+@use '../../styles/variables' as *;
+@use '../../styles/bootstrap/variables' as *;
 @use '../../styles/theme/mixins/page-editor-mode-manager';
 
 :root .theme-blackboard {

packages/app/src/components/Theme/ThemeChristmas.global.scss

@@ -1,5 +1,5 @@
-// @use '../../styles/variables' as *;
-// @use '../../styles/bootstrap/variables' as *;
+@use '../../styles/variables' as *;
+@use '../../styles/bootstrap/variables' as *;
 @use '../../styles/theme/mixins/page-editor-mode-manager';
 
 // == Define Bootstrap theme colors

packages/app/src/components/Theme/ThemeDefault.global.scss

@@ -1,5 +1,5 @@
-// @use '../../styles/variables' as *;
-// @use '../../styles/bootstrap/variables' as *;
+@use '../../styles/variables' as *;
+@use '../../styles/bootstrap/variables' as *;
 @use '../../styles/theme/mixins/page-editor-mode-manager';
 
 // == Define Bootstrap theme colors

packages/app/src/components/Theme/ThemeFireRed.global.scss

@@ -1,5 +1,5 @@
-// @use '../../styles/variables' as *;
-// @use '../../styles/bootstrap/variables' as *;
+@use '../../styles/variables' as *;
+@use '../../styles/bootstrap/variables' as *;
 @use '../../styles/theme/mixins/page-editor-mode-manager';
 
 :root[data-theme='light'] .theme-fire-red {

packages/app/src/components/Theme/ThemeFuture.global.scss

@@ -1,5 +1,5 @@
-// @use '../../styles/variables' as *;
-// @use '../../styles/bootstrap/variables' as *;
+@use '../../styles/variables' as *;
+@use '../../styles/bootstrap/variables' as *;
 @use '../../styles/theme/mixins/page-editor-mode-manager';
 
 $primary: #00b5b7;

packages/app/src/components/Theme/ThemeHalloween.global.scss

@@ -1,5 +1,5 @@
-// @use '../../styles/variables' as *;
-// @use '../../styles/bootstrap/variables' as *;
+@use '../../styles/variables' as *;
+@use '../../styles/bootstrap/variables' as *;
 @use '../../styles/theme/mixins/page-editor-mode-manager';
 
 $themecolor: #aa4a04;

packages/app/src/components/Theme/ThemeHufflepuff.global.scss

@@ -1,5 +1,5 @@
-// @use '../../styles/variables' as *;
-// @use '../../styles/bootstrap/variables' as *;
+@use '../../styles/variables' as *;
+@use '../../styles/bootstrap/variables' as *;
 @use '../../styles/theme/mixins/page-editor-mode-manager';
 
 // == Define Bootstrap theme colors

packages/app/src/components/Theme/ThemeIsland.global.scss

@@ -1,5 +1,5 @@
-// @use '../../styles/variables' as *;
-// @use '../../styles/bootstrap/variables' as *;
+@use '../../styles/variables' as *;
+@use '../../styles/bootstrap/variables' as *;
 @use '../../styles/theme/mixins/page-editor-mode-manager';
 @use '../../styles/mixins';
 

packages/app/src/components/Theme/ThemeJadeGreen.global.scss

@@ -1,5 +1,5 @@
-// @use '../../styles/variables' as *;
-// @use '../../styles/bootstrap/variables' as *;
+@use '../../styles/variables' as *;
+@use '../../styles/bootstrap/variables' as *;
 @use '../../styles/theme/mixins/page-editor-mode-manager';
 
 :root[data-theme='light'] .theme-jade-green {

packages/app/src/components/Theme/ThemeKibela.global.scss

@@ -1,5 +1,5 @@
-// @use '../../styles/variables' as *;
-// @use '../../styles/bootstrap/variables' as *;
+@use '../../styles/variables' as *;
+@use '../../styles/bootstrap/variables' as *;
 @use '../../styles/theme/mixins/page-editor-mode-manager';
 
 $bgcolor-theme: rgb(18, 86, 163);

packages/app/src/components/Theme/ThemeMonoBlue.global.scss

@@ -1,5 +1,5 @@
-// @use '../../styles/variables' as *;
-// @use '../../styles/bootstrap/variables' as *;
+@use '../../styles/variables' as *;
+@use '../../styles/bootstrap/variables' as *;
 @use '../../styles/theme/mixins/page-editor-mode-manager';
 
 :root[data-theme='light'] .theme-mono-blue {

packages/app/src/components/Theme/ThemeNature.global.scss

@@ -1,5 +1,5 @@
-// @use '../../styles/variables' as *;
-// @use '../../styles/bootstrap/variables' as *;
+@use '../../styles/variables' as *;
+@use '../../styles/bootstrap/variables' as *;
 @use '../../styles/theme/mixins/page-editor-mode-manager';
 
 // == Define Bootstrap theme colors

packages/app/src/components/Theme/ThemeSpring.global.scss

@@ -1,5 +1,5 @@
-// @use '../../styles/variables' as *;
-// @use '../../styles/bootstrap/variables' as *;
+@use '../../styles/variables' as *;
+@use '../../styles/bootstrap/variables' as *;
 @use '../../styles/theme/mixins/page-editor-mode-manager';
 @use '../../styles/bootstrap/init' as bs;
 

packages/app/src/components/Theme/ThemeWood.global.scss

@@ -1,5 +1,5 @@
-// @use '../../styles/variables' as *;
-// @use '../../styles/bootstrap/variables' as *;
+@use '../../styles/variables' as *;
+@use '../../styles/bootstrap/variables' as *;
 @use '../../styles/theme/mixins/page-editor-mode-manager';
 
 // == Define Bootstrap theme colors

packages/app/src/pages/_app.page.tsx

@@ -6,7 +6,7 @@ import { DndProvider } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 
 import '~/styles/style-next.scss';
-// import '~/styles/theme/default.scss';
+import '~/styles/style-themes.scss';
 // import InterceptorManager from '~/service/interceptor-manager';
 
 import * as nextI18nConfig from '^/config/next-i18next.config';

packages/app/src/styles/style-next.scss

@@ -77,9 +77,6 @@
 // @import 'sharelink';
 // @import 'linkedit-preview';
 
-// themes
-@import './theme/all-themes';
-
 
 /*
  * for Guest User Mode

packages/app/src/styles/theme/_apply-colors-dark.scss

@@ -1,5 +1,5 @@
 @use '../variables' as var;
-// @use '../bootstrap/init' as *;
+@use '../bootstrap/init' as *;
 @use '../mixins';
 @use './mixins/count-badge';
 

packages/app/src/styles/theme/_apply-colors-light.scss

@@ -1,5 +1,5 @@
 @use '../variables' as var;
-// @use '../bootstrap/init' as *;
+@use '../bootstrap/init' as *;
 @use '../mixins';
 @use './mixins/count-badge';
 

packages/app/src/styles/theme/_apply-colors.scss

@@ -1,5 +1,5 @@
 @use '../variables' as var;
-// @use '../bootstrap/init' as *;
+@use '../bootstrap/init' as *;
 @use '../mixins';
 @use './mixins/tables'; // comment out and use _reboot-bootstrap-tables instead -- 2020.05.28 Yuki Takei
 

packages/app/src/styles/theme/_reboot-bootstrap-border-colors.scss

@@ -1,4 +1,4 @@
-// @use '../bootstrap/init' as *;
+@use '../bootstrap/init' as *;
 
 //
 // Border

packages/app/src/styles/theme/_reboot-bootstrap-dropdown.scss

@@ -1,4 +1,4 @@
-// @use '../bootstrap/init' as *;
+@use '../bootstrap/init' as *;
 
 .dropdown-menu {
   color: $dropdown-color;

packages/app/src/styles/theme/_reboot-bootstrap-tables.scss

@@ -1,4 +1,4 @@
-// @use '../bootstrap/init' as *;
+@use '../bootstrap/init' as *;
 
 //
 //

packages/app/src/styles/theme/_reboot-bootstrap-theme-colors.scss

@@ -1,4 +1,4 @@
-// @use '../bootstrap/init' as *;
+@use '../bootstrap/init' as *;
 @use '../mixins';
 
 @each $color, $value in $theme-colors {