客製化 CSS

設定專案樣式 SCSS 變數

在專案目錄下新增 assets/scss/_variables_project.scss 檔案,可以針對主題設定客製化的樣式變數,像將可以主色系 $primary 設定為自己想要的色系

/* assets/scss/_variables_project.scss */
// 主色系
$primary: #5a3ba2;
$secondary: #A23B72;

複寫所有 css

在專案目錄下新增 assets/scss/_styles_project.scss 檔案,可以直接複寫整個網站的樣式

/* assets/scss/_styles_project.scss */
body {
  /* 將背景改成紅色 */
  background: red;
}

參考資料