style.css.grid * {
color: rgba(220,230,255,1) !important;
}
.grid li.page-list-item a {
border-radius: 5px;
box-shadow: 0 1.5px 2px rgba(15,17,25,1) !important;
background-color: rgba(60,61,71,1);
}
/*カード上の余白の色*/
.grid li.page-list-item a .header {
border-color: rgba(70,75,110,1);/*rgba(70,75,120,1)*/
}
.grid li.relation-label.links a,.grid li.relation-label a {
background-color: rgba(60,61,150,1);
}
/*三角部分*/
.grid li.relation-label.links .arrow,.grid li.relation-label .arrow {
border-left-color: rgba(60,61,150,1);
}
.grid li.relation-label.empty-links a {
background-color: rgba(150,61,60,1);
}
.grid li.relation-label.empty-links .arrow {
border-left-color: rgba(150,61,60,1);
}
/*全体の色*/
body {
background-color: rgba(45,45,50,1);
}
/*メニューボタンをすこし灰色に*/
.page-menu .tool-btn {
color: rgba(220,230,255,.8);
}
/*ソートボタンをすこし灰色に*/
.page-sort-menu .tool-btn {
color: rgba(220,230,255,.8) !important;
}
/*編集画面の設定*/
.page {
background-color: rgba(55,55,66,1);
border-radius: 0;
}
.editor {
color: rgba(220,220,225,1);
font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","游ゴシック",YuGothic,sans-serif !important;
}
/*タイトルの文字の設定*/
.line-title .text {
color: rgba(240,240,240,1) !important;
}
/*入力中の背景色*/
textarea#text-input:focus {
background: rgba(75,75,86,1);
color: #F5F8FA;
}
/*コードブロック記法の設定*/
.line span.code-block {
background-color: black;
/* code blockのフォントを小さくする設定 */
line-height: 1.4;
font-size: 100%;
}
/*コードブロックフォントの設定*/
.page-list-item .description code,
.line code,
.line span.code-block {
font-family: "MyricaM M", "Ricty Discord", "Ricty Diminished Discord", "Ricty", "Ricty Diminished", monospace ;
}
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
}
/*カーソルをダークモードに合わせて変更*/
.cursor {
width: 2.5px;
background-color: rgba(220,230,255,.8);
}
.telomere .telomere-border {
width: 2px !important;
border-width: 2px !important;
}
.unread {
border-color: rgba(255,100,100,1) !important;
}
.navbar {
background-color: rgba(100,110,220,1);
box-shadow: 0 5px 5px 0 rgba(30,30,30,1);
}
/*新規ボタン*/
.navbar .horizontal-line, .navbar .vertical-line,.quick-launch.layout-page a.new-button .horizontal-line,.quick-launch.layout-page a.new-button .vertical-line {
background-color: rgba(100,110,220,1);
}
.search-form .form-group input:focus {
background-color: rgba(45,45,50,.2);
color: rgba(240,240,245,1);
}
.project-home .title {
color: rgba(220,230,255,.8);
border-radius: 10px;
padding: 6px 12px;
}
.project-home :hover {
background-color: rgba(55,55,60,1);
transition: all 500ms ease 0;
}
a[type="hashTag"] {
padding: 1px 5px 1px 2px;
border: none !important;
border-radius: 0;
font-size: 100%;
font-weight: normal;
color: rgba(120,130,240,1) !important;
background-color: rgba(65,65,76,1);
opacity: 1;
}
a[type="hashTag"]:hover {
background-color: rgba(170,170,195,.2);
}
.app .line .indent-mark .dot {
height: .2em; width: .4em; border-radius: 25%; /* 形状変更 */
background-color: #ff7f50; /* coral */
}
.app:not(.presentation) .line .indent-mark .dot {
top: auto; bottom: 0
}
.line .indent-mark .c-1 + .dot {
background-color: #4169e1; /* royalblue */
}
.line .indent-mark .c-2 + .dot {
background-color: #3cb371; /* mediumseagreen */
}
.line .indent-mark .c-3 + .dot {
background-color: rgba(173,173,173,.55);
}
vertical-align: top;
}