Chrome拡張”Stylus”でサイトを使いやすくCSSデザイン変更する方法

/* ==UserStyle==
@name         notion style jp
@version      20230720.22.41
@namespace    userstyles.world/user/paulyama
@description  notion style for japanese
@author       paulyama
@license      No License
==/UserStyle== */

@-moz-document url-prefix("https://www.notion.so/glassinc/") {
/* ==UserStyle==
@name           Notion Style
@namespace      glass-inc.net
@version        1.0.0
@description    Notion style
@author         Paul
==/UserStyle== */

.notranslate[placeholder="無題"]  {
  	color: #0082ff;
  	text-align: center;
  	padding: 0.5em !important;
	background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  	background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

.notion-header-block .notranslate[placeholder="見出し1"]  {
	padding-left: 10px !important;/*文字周りの余白*/
	color: #010101;/*文字色*/
	background: #f5f8fa;/*背景色*/
	border-bottom: solid 7px #0082ff;/*下線*/
}
    
.notion-sub_header-block .notranslate[placeholder="見出し2"] {
	padding-left: 10px !important;/*文字周りの余白*/
	color: #494949;/*文字色*/
	background: #f5f8fa;/*背景色*/
    border-left: solid 10px #0082ff;/*左線*/
}
    
.notion-sub_sub_header-block .notranslate[placeholder="見出し3"]  {
    padding-left: 10px !important;/*文字周りの余白*/
    color: #494949;/*文字色*/
    background: #f5f8fa;/*背景色*/
    border-left: solid 3px #0082ff;/*左線*/
}

.notion-table-view-header-cell {
    background-color: #EEEEEE!important;
    font-weight: bold;
}

.notion-link-token {
    color:#337EA9!important;
    font-weight: bold;
}


.notion-table_of_contents-block {
	background: #f7f8f9;/*背景色*/
	padding: 20px;
}



.notion-table_of_contents-block::before {
	content: "目次";
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: underline;
}
}