/suto3/痛Scrapbox:body - Scrapbox Reader

generated at 2/12/2025, 2:40:30 PM
痛Scrapbox:body
body - 本体
HTML5:body要素

style.css body{      
   --logo-url: var(--navi-icon);　/* */          
   --new-button-bg: var(--base-color, White);
   /* --body-bg: var(--base-color, White); /* */
       
   --navbar-link-color: var(--assort-color, White);
   --relation-label-bg: var(--assort-color, White);
   --page-bg: var(--assort-color, White);
   --code-bg: var(--assort-color, White); /* */
   --card-bg: var(--assort-color, White); /* */
   
   --body-headings-color: var(--main-color, DarkGray); /* */
   --card-title-bg: var(--main-color, DarkGray);
   --new-button-horizontal-color: var(--main-color, DarkGray);
   --new-button-vertical-color: var(--main-color, DarkGray);
   --card-title-bg-pinned: var(--main-color, DarkGray);
   --card-description-color: var(--main-color, DarkGray); /* */
   --card-box-shadow-color: var(--main-color, DarkGray); /* */
   --body-bg: var(--main-color, DarkGray); /* */
   
   --line-title-color: var(--text-color, gray); /* */
   --card-title-color: var(--text-color, gray); /* */
   --relation-label-text: var(--text-color, gray); /* */
   --relation-label-links-text: var(--text-color, gray); /* */
   --relation-label-empty-text: var(--text-color, gray); /* */
   --tool-text-color: var(--text-color, gray); /* */
   --card-backside: var(--text-color, gray); /* */
   --page-text-color: var(--text-color, gray); /* */
 }

痛Scrapbox:背景画像
固定モード
style.cssbody {
 background:
   var(--project-bg-image),
   linear-gradient(to top, 
     var(--main-color, blue),
     var(--base-color, cyan),
     var(--assort-color, darkblue),
     var(--base-color, cyan),
     var(--main-color, blue)
   );
 background-repeat: no-repeat; /* */
 background-attachment: fixed; /* */
 background-position: right bottom ; /* */
 background-size: auto 100%, auto,auto;
}

ワイドモード
stylexx.cssbody {
 background-image:
   var(--project-bg-image),
   linear-gradient(to right, 
     var(--main-color, blue),
     var(--base-color, cyan),
     var(--assort-color, darkblue),
     var(--base-color, cyan),
     var(--main-color, blue)
   );
 background-repeat: repeat-y;
 background-attachment: scroll;
 background-position: center top ;
 background-size: 100% auto; // 横幅を100%にして算出
}