1. /* 明亮主题 */
    2. /* 设置 flex 布局 */
    3. .light div[data-rem-container-tags~=kanban] > .TreeNode {
    4.   display: flex;
    5.   background-color: #E7E7EE;
    6.   border-radius: 10px;
    7.   padding-left: 0 !important;
    8. }
    10. .light div[data-rem-container-tags~=kanban] > .TreeNode > div {
    11.   flex: 1 1 0;
    12.   margin: 6px;
    13.   border-radius: 8px;
    14.   position: relative;
    15.   overflow: hidden; 
    16. }
    17. /* 第一个子 rem 的左边距设置为 0 */
    18. .light div[data-rem-container-tags~=kanban] > .TreeNode >div:not(:first-child) {
    19.   margin-left: 0 ;
    20. }
    22. /* 看板标题圆点隐藏，只在 hover 时显示 */
    23. .light  div[data-rem-container-tags~=kanban] > .TreeNode >  div > .tree-node--parent:not(:hover) .rem-bullet__container {
    24.   visibility: hidden;
    25. }
    26. /* 看板标题增加下框线 */
    27. .light  div[data-rem-container-tags~=kanban] > .TreeNode > div > .tree-node--parent  {
    28.   background-color: rgba(0, 0, 0, 0.09);
    29.   margin: 0;
    30.   border-bottom: 2px solid #E7E7EE;
    31. }
    32. /*看板标题文字居中*/
    33. .light  div[data-rem-container-tags~=kanban] > .TreeNode > div > .tree-node--parent .rem .rem-container .rem-text   {
    34.   text-align: center;
    35.   transform:translateX(-10px);
    36. }
    37. /* 看板内容margin 等设置 */
    38. .light  div[data-rem-container-tags~=kanban] > .TreeNode div > .TreeNode {
    39.   margin: 0 !important;
    40.   padding: 0 !important;
    41.   border: unset !important;
    42. }
    44. /* 看板内容子 rem 设置 */
    45. .light div[data-rem-container-tags~=kanban] > .TreeNode > div > .TreeNode > div .tree-node--parent {
    46.   background-color: white;
    47.   margin: 5px;
    48.   border-radius: 2px;
    49.   box-shadow: 0 0 1px 0;
    50. }
    52. /* 隐藏子 rem 的小圆点 */
    53. .light div[data-rem-container-tags~=kanban] > .TreeNode > div > .TreeNode > div .rem > div .rem-container:not(:hover) .rem-button__container {
    54.   visibility: hidden;
    55. }
    56. .light  div[data-rem-container-tags~=kanban] > .TreeNode > div > .TreeNode > div .rem > div .rem-container .rem-button__container .rem-bullet__container  {
    57.   height: 100%;
    58.   width: 10px;
    59.   top: 0;
    60.   left: 0;
    61.   margin-top: 0 !important;
    62. }
    64. .light  div[data-rem-container-tags~=kanban] > .TreeNode > div > .TreeNode > div .rem > div .rem-container .rem-text {
    65.   padding-left: 25px;
    66.   margin-left: 0;
    67. }
    68. /*设置看板子内容的背景颜色*/
    69. .light div[data-rem-container-tags~=kanban] > .TreeNode > div:nth-child(1) {
    70.   background-color: #ffeaa7;
    71. }
    73. .light div[data-rem-container-tags~=kanban] > .TreeNode >div:nth-child(2) {
    74.   background-color: #74b9ff;
    75. }
    77. .light div[data-rem-container-tags~=kanban] > .TreeNode >div:nth-child(3) {
    78.   background-color: #55efc4;
    79. }
    80. .light div[data-rem-container-tags~=kanban] > .TreeNode >div:nth-child(4) {
    81.   background-color: #a29bfe;
    82. }
    83. .light div[data-rem-container-tags~=kanban] > .TreeNode >div:nth-child(5) {
    84.   background-color: #dfe6e9;
    85. }
    87. /* 暗色主题 */
    88. /* 设置 flex 布局 */
    89. .dark div[data-rem-container-tags~=kanban] > .TreeNode {
    90.   display: flex;
    91.   background-color: #2A2A2F;
    92.   border-radius: 10px;
    93.   padding-left: 0 !important;
    94. }
    96. .dark div[data-rem-container-tags~=kanban] > .TreeNode > div {
    97.   flex: 1 1 0;
    98.   margin: 6px;
    99.   border-radius: 8px;
    100.   position: relative;
    101.   overflow: hidden; 
    102. }
    103. /* 第一个子 rem 的左边距设置为 0 */
    104. .dark div[data-rem-container-tags~=kanban] > .TreeNode >div:not(:first-child) {
    105.   margin-left: 0 ;
    106. }
    108. /* 看板标题圆点隐藏，只在 hover 时显示 */
    109. .dark  div[data-rem-container-tags~=kanban] > .TreeNode >  div > .tree-node--parent:not(:hover) .rem-bullet__container {
    110.   visibility: hidden;
    111. }
    112. /* 看板标题增加下框线 */
    113. .dark  div[data-rem-container-tags~=kanban] > .TreeNode > div > .tree-node--parent  {
    114.   background-color: rgba(0, 0, 0, 0.09);
    115.   margin: 0;
    116.   border-bottom: 2px solid #2A2A2F;
    117. }
    118. /*看板标题文字居中*/
    119. .dark  div[data-rem-container-tags~=kanban] > .TreeNode > div > .tree-node--parent .rem .rem-container .rem-text   {
    120.   text-align: center;
    121.   transform:translateX(-10px);
    122. }
    123. /* 看板内容margin 等设置 */
    124. .dark  div[data-rem-container-tags~=kanban] > .TreeNode div > .TreeNode {
    125.   margin: 0 !important;
    126.   padding: 0 !important;
    127.   border: unset !important;
    128. }
    130. /* 看板内容子 rem 设置 */
    131. .dark div[data-rem-container-tags~=kanban] > .TreeNode > div > .TreeNode > div .tree-node--parent {
    132.   background-color: #16161A;
    133.   margin: 5px;
    134.   border-radius: 2px;
    135.   box-shadow: 0 0 1px 0;
    136. }
    138. /* 隐藏子 rem 的小圆点 */
    139. .dark div[data-rem-container-tags~=kanban] > .TreeNode > div > .TreeNode > div .rem > div .rem-container:not(:hover) .rem-button__container {
    140.   visibility: hidden;
    141. }
    142. .dark  div[data-rem-container-tags~=kanban] > .TreeNode > div > .TreeNode > div .rem > div .rem-container .rem-button__container .rem-bullet__container  {
    143.   height: 100%;
    144.   width: 10px;
    145.   top: 0;
    146.   left: 0;
    147.   margin-top: 0 !important;
    148. }
    150. .dark  div[data-rem-container-tags~=kanban] > .TreeNode > div > .TreeNode > div .rem > div .rem-container .rem-text {
    151.   padding-left: 25px;
    152.   margin-left: 0;
    153. }
    154. /*设置看板子内容的背景颜色*/
    155. .dark div[data-rem-container-tags~=kanban] > .TreeNode > div:nth-child(1) {
    156.   background-color: #fdcb6e;
    157. }
    159. .dark div[data-rem-container-tags~=kanban] > .TreeNode >div:nth-child(2) {
    160.   background-color: #0984e3;
    161. }
    163. .dark div[data-rem-container-tags~=kanban] > .TreeNode >div:nth-child(3) {
    164.   background-color: #00b894;
    165. }
    166. .dark div[data-rem-container-tags~=kanban] > .TreeNode >div:nth-child(4) {
    167.   background-color: #6c5ce7;
    168. }
    169. .dark div[data-rem-container-tags~=kanban] > .TreeNode >div:nth-child(5) {
    170.   background-color: #b2bec3;
    171. }