settings
https://scrapbox.io/files/65578fb71b15db001c37a1c0.png
左上のアイコンについて
code:style.css
.navbar-brand::before {
content: '';
width: 32px;
height: 32px;
position: absolute;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.navbar-brand > .brand-icon {
display: none;
}
.navbar-brand > .kamon-caret-down {
display: none;
}
code:style.css
.new-button {
background-color: transparent;
background-size: contain;
border-radius: 0px;
width: 28px;
height: 28px;
}
.new-button:hover {
background-color: transparent !important;
}
.new-button > .horizontal-line, .new-button > .vertical-line {
display: none;
}
メモ:隠したい場合はここに追記すること
code:style.css
display: none;
}
code:relation-label.css
.relation-label + .page-list-item {
clear: both;
}
.relation-label {
width: auto !important;
height: auto !important;
}
.relation-label > .arrow {
display: none !important;
}
.relation-label a {
text-align: left !important;
padding: 8px 0 !important;
}
.relation-label:not(.empty-links) a {
background-color: transparent !important;
}
.relation-label.empty-links a {
background-color: transparent !important;
}
.relation-label .kamon-link-on, .relation-label .kamon-link-off {
display: none !important;
}
code:style.css
:root{
--text-font: 'Segoe UI', 'メイリオ', sans-serif !important;
--page-text-color: var(--text-color) !important;
--line-title-color: var(--text-color) !important;
--card-title-color: var(--text-color) !important;
--card-text-color: var(--text-color) !important;
--theme-telomere-color: #fafafa !important; --telomere-updated: #5f5f5f !important; --search-form-icon-color: hsl(210, 73%, 42%) !important;
}
* {
font-family: var(--text-font);
}
nav {
background: linear-gradient(180deg, rgba(99, 102, 104, 0.9) 0%, rgba(69, 71, 71, 0.9) 50.52%, rgba(52, 52, 52, 0.9) 53.12%, rgba(0, 0, 0, 0.9) 100%);
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3), inset 0px 2px 1px rgba(255, 255, 255, 0.3), inset 0px -2px 1px rgba(0, 0, 0, 0.4);
}
html {
min-height: 100vh;
overflow-y: scroll;
}
body::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: bottom;
z-index: -1;
}
.page-list-item {
background: transparent !important;
}
.page-list-item > a {
border-radius: 15px !important;
background-color: transparent !important;
background: linear-gradient(180deg, rgba(83, 85, 87, 0.8) 0%, rgba(14, 15, 15, 0.8) 100%);
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3), inset 0px 2px 1px rgba(255, 255, 255, 0.3), inset 0px -2px 1px rgba(0, 0, 0, 0.4) !important;
backdrop-filter: blur(4px);
}
.page-list-item > a .header {
border-top: none !important;
}
.page-list-item > a .header > .title {
font-size: 16px !important;
font-weight: 300 !important;
/* background-clip: text; */
text-shadow: 2px 2px 4px black;
}
.page-list-item .pin {
display: none;
}
/* TODO: .titleそのままはよくないかも */
.title,
.title-with-description,
.page-list-item .relation-label .title,
.page-list-item .description {
color: var(--text-color) !important;
}
.page {
border-radius: 4px !important;
background-color: transparent !important;
background: linear-gradient(180deg, hsla(0, 0%, 7%, 0.8) 0%, hsla(0, 0%, 5%, 0.8) 100%) !important;
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.3), inset 0px 2px 1px rgba(255, 255, 255, 0.3), inset 0px -2px 1px rgba(0, 0, 0, 0.4) !important;
backdrop-filter: blur(8px) !important;
}
.project-home > .title {
text-shadow: 2px 2px 4px black;
}
.project-home:hover, .tool-btn:hover {
background-color: hsla(0, 0%, 7%, 0.8) !important;
}
.project-home > .title {
font-weight: 300 !important;
}
/* 検索ボックス */
.form-control {
background-color: hsla(0, 0%, 95%) !important;
border-radius: 2px !important;
}