/suto3/UserCSS:桜モード

generated at 2/11/2025, 10:14:24 AM
UserCSS:桜モード

桜の花をモチーフにした。
別名、ダサピンク
style.css@import "/api/code/suto3/UserCSS:痛モード/style.css"; /* ita */
:root {
   /* --main-color: var(--navbar-bg, pink);        /* 主調色 */
   --main-color: #ffdfdf;        /* 主調色 */
   /* --assort-color: var(--card-bg, WhiteSmoke);  /* 従属色 */
   --assort-color: WhiteSmoke;  /* 従属色 */
   /* --base-color: var(--body-bg, lightpink);     /* 背景色 */
   --base-color: #fff8f8;     /* 背景色 */
   /* --accent-color: var(--cursor-color, yellow); /* 強調色 */
   --accent-color: yellow; /* 強調色 */
   /* --text-color: var(--page-text-color, brown); /* 文字色 */
   --text-color: brown; /* 文字色 */
       
   /* 1 ナビバーのアイコン（グローバルメニュー） */
   --navi-icon: url("https://openclipart.org/download/215948/flower_09a.svg"); /* */
   --navi-icon-B: url("https://openclipart.org/download/215948/flower_09a.svg"); /* */
   /* --navi-icon-C: url("https://openclipart.org/download/215948/flower_09a.svg"); /* */
   --navi-icon-C: url("https://i.gyazo.com/c2ccb670d84aa4201ae1cb28d02ca22a.png"); /**/
   
   /* 2 ブロジェクトホームのアイコン */
   --project-home-icon: url("https://openclipart.org/download/301206/publicdomainq-sakura.svg");
   --project-home-icon-B: url("https://openclipart.org/download/301206/publicdomainq-sakura.svg");
   
   /* 3 背景画像 */
   /* --project-bg-image: url("https://i.gyazo.com/5a9b6f8b965613bcc39d3b77afa59dc7.png"); /* ビーバー君 */
   --project-bg-image: url("https://season-freeillust.com/img/spring-haikei/04.jpg"); /* */
   
   /* 4 ページの背景画像 */
   /* --page-bg-image: url(https://i.gyazo.com/5a9b6f8b965613bcc39d3b77afa59dc7.png); /* ビーバー君 */
   /* --page-bg-image: url("https://i.gyazo.com/b10f675da5139d765d1248b867b1eae6.png"); /**/
   --page-bg-image: url("https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3/桜/sakura.svg"); /* */

   /* 5 ページのヘッダー画像 */
   /* --page-header-image: url(https://openclipart.org/download/177068/1365955249.svg);/**/
   /* --page-header-image: url("https://openclipart.org/download/317328/1553444947.svg"); /**/
   /*　--page-header-image: url("https://i.gyazo.com/c2ccb670d84aa4201ae1cb28d02ca22a.png"); /**/
   --page-header-image: url("https://i.gyazo.com/3fd1a780e7601cdef4c7d3c483cf6634.png"); /**/
   
   /* 6 ページのフッター画像 */
   /*--page-footer-image: url("https://openclipart.org/download/317328/1553444947.svg"); /**/
   /*--page-footer-image: url("https://i.gyazo.com/b10f675da5139d765d1248b867b1eae6.png"); /**/
   --page-footer-image: url("https://i.gyazo.com/dc582291edd8b19876ab9095b0900a01.png"); /**/
   
   /* 7 ページタイトルのアイキャッチ */
   /*--eye-chacher: url("https://openclipart.org/download/213934/1423572083.svg"); /* */
   --eye-chacher: url("https://i.gyazo.com/dbdb781a302034789e769af90b6c494e.png"); /* */
} 
style.css   body {
  /*　--li-color-1: hsla(90,100%,50%,0.8); */
  /*　--li-color-2: hsla(150,100%,50%,0.8); */
  /*　--li-color-3: hsla(210,100%,50%,0.8); */
  --li-color-1: hsla(210,100%,50%,0.8);
  --li-color-2: hsla(180,100%,50%,0.8);
  --li-color-3: hsla(90,100%,50%,0.8);
         
   --navbar-link-color: var(--assort-color, white);
   --new-button-bg: var(--assort-color, white);
   --relation-label-bg: var(--assort-color, white);
      
   --body-headings-color: var(--main-color, pink);
   --card-title-bg: var(--main-color, pink);
   --new-button-horizontal-color: var(--main-color, pink);
   --new-button-vertical-color: var(--main-color, pink);
   
   --page-link-color: skyblue; /* */
   --empty-page-link-color: red; /* */
 }

桜
桜
桜
UserCSS:痛モード


 [https://gyazo.com/c2ccb670d84aa4201ae1cb28d02ca22a] 