Moy‘s Theme for Notion by moy

/* ==UserStyle==
@name         Moy 的 Notion 自定义样式
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document url-prefix("https://www.notion.so/"), domain("notion.site") {

	/* ========== 标题样式修改 ========== */
	
	/* 一级标题  */
	.notion-header-block {
		font-size: 1.3rem;
		margin-left: -0.5em;
	}
	.notion-header-block > div {
		border-radius: 10px;
		padding-left: 8px;
		padding-bottom: 4px;
	}
	
	/* 二级标题  */
	.notion-sub_header-block {
		font-size: 1.1rem;
		margin-top: 1.4em;
		margin-left: -1.5em;
		margin-bottom: 15px !important;
	}
	
	/* 二级标题上方红线 */
	[placeholder="标题 2"]::before,
	[placeholder="Heading 2"]::before {
		margin-top: 0.4em;
		content: '';
		display: block;
		border-top: 4px solid var(--moy-red);
		width: 55px;
		margin-bottom: 8px;
	}

	/* 三级标题  */
	.notion-sub_sub_header-block {
		font-size: 1.1rem;
		padding-top: 0.8rem !important;
		padding-bottom: 0.5rem !important;
	}

	/* ========== 分隔线和滑动条 ========== */
	
	/* 分隔线 */
	.notion-divider-block {
		padding-top: 12px;
		padding-bottom: 18px;
	}

	.notion-divider-block > div {
		justify-content: center !important;
	}

	.notion-divider-block > div > div {
		margin-left: auto;
		margin-right: auto;
		width: var(--moy-divider-width) !important;
		max-width: 550px;
		border-bottom: 1px solid var(--moy-gray) !important;
	}

	/* 滑动条颜色及圆角 */
	::-webkit-scrollbar-thumb {
		background: var(--moy-red) !important;
		border-radius: 4px;
	}

	/* 滑动条背景 */
  ::-webkit-scrollbar {
      background: #2d2d2d;
	}
 
	
	/* ========== 代码块 ========== */
	
	/* 代码块的装饰按钮 */
	.notion-code-block.line-numbers {
		position: relative;
	}

	.notion-code-block.line-numbers:before {
		content: "•••";
		color: transparent;
		background-image: linear-gradient( 90deg,
		#FF5F56, #FF5F56 33%,
		#FFBD2E 33%, #FFBD2E 66%,
		#27C93F 66%, #27C93F);
		background-clip: text;
		-webkit-background-clip: text;
		font-size: 36px;
		line-height: 0.5;
		position: absolute;
		top: 10px;
		right: 10px;
	}
	.notion-code-block.line-numbers > div {
		padding-top: 44px !important;
		padding-bottom: 20px !important;
	}

	/* 压缩顶部空间 */
	.notion-code-block.line-numbers > div {
		padding-top: 25px !important;
		padding-bottom: 25px !important;
	}
	.notion-code-block .code_line_numbers--plain {
		top: 14px !important;
		bottom: 14px !important;
	}
  
  /* ========== SHRINK PADDING ON CODE BLOCKS ========== */
  .notion-code-block:not(.line-numbers) .line-numbers + div + div, #code-line-numbers {
    top: 14px !important;
  }

  .notion-code-block.line-numbers + div + div {
    background: var(--theme--code-background);
    box-shadow: 5px 2px 8px 4px var(--theme--code-background);
  }
  

	/* ========== 表格和列表 ========== */
	/*CloudHill's Bulleted List Mod*/
	div.notion-selectable.notion-bulleted_list-block > div > div:last-child {
		position: relative;
	}

	/* 表格标题居中 */
	.notion-table-view-header-cell > div > div {
		margin: 0px auto;
	}
	
	/* 	表格的 New 按钮 */
	.notion-collection-view-item-add > div {
		background: var(--moy-red-tint) !important;
	}

/* ========== 全局样式改动 ========== */
	/* 列表增加竖线 */
	div.notion-selectable.notion-bulleted_list-block > div > div:last-child::before {
		content: "";
		position: absolute;
		height: calc(100% - 2em);
		top: 2em;
		left: -14.48px;
		border-left: 1px solid var(--moy-red);
	}

	/* 全局圆角 */
/* 	.notion-focusable{
			border-radius: 7px!important;
	} */
	
	/* 	修改公式字体 */
	.katex * {
		font-family: 'Source Code Pro', 'Consolas' !important;
	}


	/* ========== 自定义颜色 ========== */
	
	/* 修改默认红色（文本颜色） */
	[style^="color:rgba(223, 84, 82, 1);fill:rgba(223, 84, 82, 1)"] {
		font-size: 1.05rem;
		font-weight: 550;
		/* Remember to add "important" to work! */
		color: #ea3333 !important;
	}
	/* 修改默认红色（文字背景色） */
	[style="background:rgba(82, 46, 42, 1)"] {
		background: var(--moy-red) !important;
		border-radius: 3px;
		font-weight: 600;
		padding: 3px;
	}
	/* 修改默认红色（块背景色） */
	div [style="display: flex; align-items: flex-start; width: 100%; padding-left: 2px; background: rgb(82, 46, 42);"] {
		background: var(--moy-red-tint) !important;
		border-radius: 3px;
	}
	
	/* 批量替换所有默认红色 */
	div [style*="background: rgb(82, 46, 42);"] {
		background: var(--moy-red) !important;
		color: var(--moy-text-white);
	}
	/* 默认绿色 */
	div [style*="background: rgb(74, 50, 40);"] {
		border-radius: 2px;
		background: var(--moy-brown) !important;
		color: var(--moy-text-white);
	}
	/* 默认棕色 */
	div [style*="background: rgb(36, 61, 48);"] {
		border-radius: 2px;
		background: var(--moy-green) !important;
		color: var(--moy-text-white);
	}
	/* 默认黄色 */
	div [style*="background: rgb(86, 67, 40);"] {
		border-radius: 2px;
		background: var(--moy-yellow) !important;
		color: var(--moy-text-white);
	}
	/* 默认橙色 */
	div [style*="background: rgb(92, 59, 35);"] {
		border-radius: 2px;
		background: var(--moy-orange) !important;
		color: var(--moy-text-white);
	}
	
	/* 黄色高亮 */
	span [style*="background: rgba(86, 67, 40, 1)"],
	span [style*="background: rgb(86, 67, 40)"] {
		background: var(--moy-yellow) !important;
		color: #f8f8f8;
	}
	/* 修改默认黄色（文字背景色） */
	span[style="background:rgba(86, 67, 40, 1)"] {
		background: var(--moy-yellow) !important;
		color: #f8f8f8;
		border-radius: 3px;
		font-weight: 600;
		padding: 3px;
	}
	
	/* 勾选框 Checkbox */
	.pseudoSelection:has(.check) > div {
		background: var(--moy-red) !important;
	}
	
	
	/* 链接的颜色 */
  a {
		font-weight: 500;
  }
	
  a:hover {
		font-weight: 500;
		color: #ff3b3bf0 !important;
		background: #2a2a2a7d;
  }

	/* 	文件链接 */
  .notion-file-block
  {
    color: #85f7ff !important;
    background: #20202061;
  }

	/* 折叠/展开的三角形（可能会影响到所有的三角形）*/
	.triangle {
		color: var(--moy-red);
	}
	
	
	/* 选中的内容（文字背景） */
	*::selection{
    border-radius: 7px!important;
    background-color: var(--moy-red-tint);
	}
	
  /* 不透明区块 */
  .notion-selectable-halo {
    background: var(--moy-red-tint) !important;
  }
	
  /* 拖选框框 */
  .notion-default-overlay-container > div > div:not(.notion-text-action-menu):not(.notion-peek-renderer) {
    background-color: var(--moy-red-tint) !important;
  }
	
	/* 拖放 block 时候的指示线*/
	[style*="background: rgba(35, 131, 226, 0.43)"] {
    background-color: var(--moy-red) !important;
  }
  

	/* ========== REMOVE ARROWS ON LINKED DATABASES/PAGES ========== */
	svg.alias,
	.notion-collection_view-block [style="display: flex; align-items: center; margin-right: 6px;"] {
		display: none !important;
	}
	/* Remove in page mentions */
	.notion-page-mention-token [style="width:1em;display:inline-block;vertical-align:-0.15em;margin-right:0.1em"] {
		width: 2px !important;
	}

	.pageLinkIndicator {
		display: none !important;
	}
  
	
	/* ==基础变量定义== */
	
	:root {
		--moy-red: #ea3333ab;
		--moy-gray: #eeeeee29;
    --moy-red-tint: #be2b2b3b;
		--moy-divider-width: 60%;
		--moy-green: #20884abd;
		--moy-yellow: #847809bd;
		--moy-orange: #bb7f11bd;
		--moy-brown: #663d10;
		/* 用来强调的白色文字 */
		--moy-text-white: ;
	}
	
	
}