WorkFlowyに当てているCSS
WorkFlowyにFirefoxの拡張Styulsを使ってオリジナルCSSを当てている。
2025/7/31版
code:style.css
.dashboard-card{
height:600px;
}
.page.dashboard-page{
width:2000px;
}
div.name:has(div.content:empty) a._rs4r54 {
color: white; /* 薄い灰色のカラーコード */
}
/*バレット周り*/
._rs4r54{
color:rgb(255, 255, 255);
top: 11px;
}
.children .children ._rs4r54{
color:rgb(212, 209, 209);
top: 11px;
}
/*バレット周り*/
._1e3e48u {
color: rgb(98, 96, 94);
color:rgb(52, 59, 63);
}
._ljemo6{
background: none;
}
._1ri044t{
background: none;
}
/* 縦の棒を消す */
._119lkwp{
border-left: var(--wf-border-width-s) solid #FDFEFF;
}
/* バレットの行間を調整 */
._6pmpme{
--wf-item-line-height: 30px;
line-height: 30px;
min-height: 30px;
}
i{
font-size:0.9em;
}
.mirrorDiamondIcon {
color: burlywood;
}
._1sgojnp .contentLink[href^="https://workflowy.com"] {
color: var(--wf-external-link);
}
/*ハイライト周り*/
.bc-green.bc-green {
padding: 5px;
}
.bc-sky.bc-sky{
padding: 5px;
}
/*note周り*/
.notes .data-hj-suppress{
border-bottom:1px solid;
border-bottom:0;
}
/*ハッシュタグ周り*/
.contentTagdata-val="#pen":after {
content:">";
background-color:white;
padding: 5px;
margin:0;
}
._1wsppdf .contentTagdata-val="#pen" {
padding: 0px;
}
.contentTagdata-val="#書く":after {
content:">";
background-color:var(--wf-dark-gray-800);
padding: 5px;
margin:0;
}
._1wsppdf .contentTagdata-val="#書く" {
padding: 0px;
}
span:has(.contentTagdata-val="#note" ){
background-color:var(--wf-tag-background-green) !important;
color: var(--wf-tag-text) !important;
padding: 7px;
}
span:has(.contentTagdata-val="#list" ){
background-color:var(--wf-tag-background-sky) !important;
color: var(--wf-tag-text) !important;
padding: 7px;
}
span:has(.contentTagdata-val="#project" ){
background-color:var(--wf-tag-background-pink) !important;
color: var(--wf-tag-text) !important;
padding: 7px;
}
.notes span:has(.contentTagdata-val="#project" ){
background-color:transparent !important;
color: var(--wf-tag-text) !important;
padding: 7px;
}
/*ダッシュボード周り*/
._g7zuc2{
flex: 0 0 420px;
}
._1ut32c0{
display:none;
}
._1u4o9o{
font-size: 18px;
font-weight: normal;
margin-left: -77px;
}
2024/5/17版
code:style_20240517.css
div.page > div.project > div.children > div.project:nth-child(1) > div.name > a.bullet:not(.keep-bullet){
color:rgb(52, 59, 63);
}
div.page > div.project > div.children > div.project:nth-child(1) > div.name > a.bullet.keep-bullet{
color:rgb(52, 59, 63);
}
/*バレット周り*/
._1e3e48u {
color: rgb(98, 96, 94);
color:rgb(52, 59, 63);
}
._14lkuny {
color:rgb(52, 59, 63);
}
._aqu7q8{
color:rgb(52, 59, 63);
}
._nto28k {
background: none;
}
i{
font-size:0.9em;
}
.mirrorDiamondIcon {
color: burlywood;
}
._1sgojnp .contentLink[href^="https://workflowy.com"] {
color: var(--wf-external-link);
}
/*ハイライト周り*/
.bc-green.bc-green {
padding: 5px;
}
.bc-sky.bc-sky{
padding: 5px;
}
2020/7/27版
code:style_2020.css
._dbp83u {
text-decoration: line-through;
text-decoration-line: line-through;
text-decoration-style: solid;
text-decoration-color: red;
}
._1ofsw1y .contentTagText{
text-decoration:none;
color:rgb(46, 120, 170);
}
._1ofsw1y .contentTag {
color:rgb(46, 120, 170);
}
._1ofsw1y .contentLink{
color:rgb(46, 120, 170);
}
.done .contentLink {
color: rgb(180, 182, 180)!important;
}
i::before {
content: '→';
font-style:normal;
}
body{
color:rgb(63, 66, 68);
}
i{
color:black;
box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .5);
padding:7px;
}
._13y7uzh {
background-color: rgb(251, 251, 251);
border-bottom: 1px solid rgb(255, 255, 255);
}
https://gyazo.com/ad2ee8cad4403655421d879bc63440ec