custom.scss 로 변경 및 customColor 추가

client/src/index.js

@@ -2,7 +2,6 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import './scss/custom.scss';
 import 'bootstrap';
-import 'bootstrap/dist/css/bootstrap.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
 

client/src/scss/custom.scss

+$crimson: #DC143C;
+
 @import "../../node_modules/bootstrap/scss/functions";
 @import "~bootstrap/scss/variables";
 @import "~bootstrap/scss/mixins";
 
-// @import '~bootstrap/scss/bootstrap.scss';
-// @import '~bootstrap-icons/font/bootstrap-icons'; 
+$custom-colors: (
+    "crimson": $crimson
+);
+    
+$theme-colors: map-merge($theme-colors, $custom-colors);
+
+@import '~bootstrap/scss/bootstrap.scss';
+@import '~bootstrap-icons/font/bootstrap-icons'; 
 
 @font-face {
     font-family: "Plex-Bold";