메인화면 기초작업을 끝냈습니다.

css/studentHome.css

@@ -1,4 +1,3 @@
-/* better_benedu studentHome.css */
 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
 
 /* 폰트 변경 */
@@ -21,7 +20,7 @@ img.pull-left {
 }
 
 .slide-0 {
-  background: linear-gradient(0, #000000, #393939) !important;
+  background: linear-gradient(0, #1f1f1f, #393939) !important;
 }
 
 .carousel-control {
@@ -93,118 +92,117 @@ small > a {
 
 /* 폰트 색 변경 */
 .widget-box.transparent>.widget-header {
-    border-bottom: 1px solid #dce8f1;
-    color: #dce8f1;
+  border-bottom: 1px solid white;
+  color: white;
 }
 
 /* 버튼 색 변경 */
-/* 이거 커서 올라가면 다시 원래 색으로 바뀌는데 */
-/* 누가 js로 좀 바꿔주세요 */
 .skin-2 .navbar .navbar-toggle { 
-    background-color: #393939;
+  background-color: #393939;
 }
 
-/* 폰트 색 변경 */
-body {
-    background-color: #393939;
-    color: #393939;
+.skin-2 .nav-list>li.hover-show>a { 
+  background-color: #393939 !important;
+}
+
+.sidebar.menu-min .nav-list>li>.submenu {
+  left: 59px;
 }
 
 /* 폰트 색 변경 */
 .row {
-    color: #dce8f1;
+  color: white;
 }
 
 /* 배경 색 변경 */
-/* 제일 중요 */ 
 .page-content {
-    background-color: rgb(46, 46, 46);
+  height: 100%;
+  background-color: #393939;
 }
 
-/* 단어 화살표 색 변경 */
-.blue {
-    color: #dce8f1!important;
+.main-content-inner {
+  height: calc(100vh - 45px);
+}
+
+#main-container {
+  height: 100vh;
 }
 
 /* 색칠되지 않은 별 색 변경 */
 .light-grey {
-    color: rgb(32, 32, 32)!important;
+  color: #323232 !important;
 }
 
 /* 색칠된 별 색 변경 */
 .orange2 {
-    color: #fcff5c!important;
+  color: #ffe552 !important;
 }
 
-/* 학습계획 아이콘 색 변경 */
+/* 아이콘들 하얀색으로 변경 */
 .orange {
-    color: #dce8f1!important;
+  color: white !important;
 }
 
-/* 과제 / 추천 아이콘 색 변경 */
 .red {
-    color: #dce8f1!important;
+  color: white !important;
 }
 
-/* 나도 모르는 코드 */
-.footer {
-  color:  rgb(32, 32, 32);
+.blue {
+  color: white !important;
 }
 
-/* 학습계획 / 일정에서의 날짜 색 변경 */
 .fc .fc-toolbar>*>:first-child {
-    color: #dce8f1;
+  color: white;
 }
 
 /* 학습 계획 일정 글씨 색 변경 */
 .fc-toolbar button {
-    color: #dce8f1;
+  color: white;
 }
 
-
-/* 여기 부분은 디자인 감각 있으신 분이 색 좀 바꿔주세요 */
-/* 이쁘게 만드시면 아이스크림 사겠습니다 */
-/* 주석 친 부분 부탁드립니다 */
-
+/* 푸터 삭제 */
+.footer {
+  display: none;
+}
 
 .fc-state-default, .fc-state-default .fc-button-inner {
   /* 학습계획 /일정에서의 버튼 색 변경 */
-  background-color: rgb(32, 32, 32);
+  background-color: #323232;
   /* 글자 색 변경 */
-  color : #dce8f1;
+  color : white;
 }
 
 .fc-unthemed .fc-today {
   /* 오늘 날짜의 색 변경 */
-    background: #5f5f5f;
+  background: #5f5f5f;
 }
 
 .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed hr, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
   /* 테두리 색 변경 */
-    border-color: #393939;
+  border-color: #393939;
 }
 
 .fc .fc-axis, .fc-widget-header {
   /* 헤더부분 배경 색 변경 */
-    background: #5f5f5f;
+  background: #5f5f5f;
   /* 헤더부분 글씨 색 변경 */
-    color: #dce8f1;
+  color: white;
 }
 
 /* 여기까지 입니다 */
 /* 이 부분을 완성하신 분은 민유를 찾아주세요 */
 
 /* 과제 / 추천의 색 변경 */
 .widget-body .table thead:first-child tr {
-    background: #393939;
+  background: #393939;
 }
 
 /* 항목의 글자 색 변경 */
 .table>thead>tr {
-  color: #dce8f1;
+  color: white;
 }
 
-/* 베터베네듀 알리판 삭제 */
+/* better benedu 삭제 */
 .betterBenedu-margin {
   display: none;
 }
@@ -214,18 +212,33 @@ body {
   display: none;
 }
 
-/* 나도 모르는 코드 3 */
-.pull-right {
-  color: #dce8f1;
+.text-success {
+  color: white;
 }
 
-/* 글씨들 색 변경 */
-.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
-    color: #dce8f1;
+/* 공지, 날씨 삭제*/
+#mainNotice {
+  display: none;
 }
 
-/* 공지사항 아이콘 및 삼각형 색 변경 */
-.text-success {
-    color: #dce8f1;
+.col-lg-5.col-md-4.col-sm-6.col-xs-12:nth-child(2) {
+  display: none;
+}
+
+/* 과제 추천 상단의 아이콘 제거*/
+.ace-icon.fa.fa-refresh {
+  display: none;
+}
+
+.ace-icon.fa.fa-list {
+  display: none;
+}
+
+/* 학습량 svg 뜯어고치기 */
+svg {
+  filter: invert(77.5%) hue-rotate(30deg) saturate(200%);
 }
 
+.grid2 {
+  border: none;
+}

js/content.js

@@ -1,14 +1,15 @@
 const url = window.location.href;
 
-const inject = css => {
+const inject = path => {
   let link = document.createElement("link");
   link.setAttribute("rel", "stylesheet");
   link.setAttribute("type", "text/css");
-  link.setAttribute("href", chrome.extension.getURL(css));
+  link.setAttribute("href", chrome.extension.getURL(path));
   document.getElementsByTagName("head")[0].appendChild(link);
 }
 
 if(url.includes("benedu.co.kr")) {
+  inject("css/global.css");
   if(url.includes("/StudentHome")) {
     inject("css/studentHome.css");
   }