├── .github └── workflows │ └── main.yml ├── .gitignore ├── CHANGELOG.md ├── LICENSE ├── bullet_threading.css ├── custom.css ├── demo.mp4 ├── demo.png ├── logo.png ├── marketplace.png ├── no_bullet_threading.css ├── package.json ├── readme.md ├── release.config.js ├── src ├── _blocks.scss ├── _embed.scss ├── _fonts.scss ├── _graph.scss ├── _headings.scss ├── _markers.scss ├── _miscs.scss ├── _popups.scss ├── _queries.scss ├── _root.scss ├── _theme_dark.scss ├── _theme_light.scss ├── _views.scss ├── bullet_threading.scss ├── main.scss └── no_bullet_threading.scss └── yarn.lock /.github/workflows/main.yml: -------------------------------------------------------------------------------- 1 | name: Deploy 2 | on: 3 | push: 4 | branches: 5 | - main 6 | pull_request: 7 | branches: 8 | - main 9 | 10 | jobs: 11 | # Release version if tests succeeded 12 | release: 13 | name: Publish 14 | runs-on: ubuntu-latest 15 | steps: 16 | - uses: actions/checkout@v2 17 | - uses: actions/setup-node@v1 18 | with: 19 | node-version: 18 20 | 21 | - name: Install dependencies 22 | run: yarn install 23 | - name: Build theme 24 | run: yarn build 25 | - name: Release 26 | run: npx semantic-release 27 | env: 28 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} 29 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | ## [1.26.17](https://github.com/pengx17/logseq-dev-theme/compare/v1.26.16...v1.26.17) (2023-05-13) 2 | 3 | 4 | ### Bug Fixes 5 | 6 | * fix block fold button on mobile ([6b5a150](https://github.com/pengx17/logseq-dev-theme/commit/6b5a1503e15a98f20fc4c74b7916139e34c23ff8)) 7 | 8 | ## [1.26.16](https://github.com/pengx17/logseq-dev-theme/compare/v1.26.15...v1.26.16) (2023-02-18) 9 | 10 | 11 | ### Bug Fixes 12 | 13 | * bump version ([b23f701](https://github.com/pengx17/logseq-dev-theme/commit/b23f7011a4753f213cecb14667ad3b27bce20ac4)) 14 | 15 | ## [1.26.15](https://github.com/pengx17/logseq-dev-theme/compare/v1.26.14...v1.26.15) (2022-12-14) 16 | 17 | 18 | ### Bug Fixes 19 | 20 | * **scheduled:** add space between content, time cost and scheduled date when references ([52a9a15](https://github.com/pengx17/logseq-dev-theme/commit/52a9a15e9085664788a219822a58b64956f9c857)) 21 | 22 | ## [1.26.14](https://github.com/pengx17/logseq-dev-theme/compare/v1.26.13...v1.26.14) (2022-12-14) 23 | 24 | 25 | ### Bug Fixes 26 | 27 | * **blocks:** code block references are not displayed properly ([4c62445](https://github.com/pengx17/logseq-dev-theme/commit/4c62445b03ee0e2e84b4c6d3d640cb953695a37d)) 28 | 29 | ## [1.26.13](https://github.com/pengx17/logseq-dev-theme/compare/v1.26.12...v1.26.13) (2022-11-07) 30 | 31 | 32 | ### Bug Fixes 33 | 34 | * style issues ([620ea7c](https://github.com/pengx17/logseq-dev-theme/commit/620ea7cf0580c4d9839290451908397042fa9fcb)), closes [#79](https://github.com/pengx17/logseq-dev-theme/issues/79) 35 | 36 | ## [1.26.12](https://github.com/pengx17/logseq-dev-theme/compare/v1.26.11...v1.26.12) (2022-07-12) 37 | 38 | 39 | ### Bug Fixes 40 | 41 | * remove block overflow fix ([8218a2f](https://github.com/pengx17/logseq-dev-theme/commit/8218a2f538cb21c3e3c3a235b908f5d809604614)) 42 | 43 | ## [1.26.11](https://github.com/pengx17/logseq-dev-theme/compare/v1.26.10...v1.26.11) (2022-06-17) 44 | 45 | 46 | ### Bug Fixes 47 | 48 | * add margin to embed to fix focus/hovering clipping issue ([84215c8](https://github.com/pengx17/logseq-dev-theme/commit/84215c87f409e9175cf4820a156304037812ae18)) 49 | 50 | ## [1.26.10](https://github.com/pengx17/logseq-dev-theme/compare/v1.26.9...v1.26.10) (2022-06-09) 51 | 52 | 53 | ### Bug Fixes 54 | 55 | * query header display issue ([871c3dc](https://github.com/pengx17/logseq-dev-theme/commit/871c3dc18687131eed69f9fd6213e80716cff2f0)) 56 | 57 | ## [1.26.9](https://github.com/pengx17/logseq-dev-theme/compare/v1.26.8...v1.26.9) (2022-06-06) 58 | 59 | 60 | ### Bug Fixes 61 | 62 | * some color fixes ([2b99bad](https://github.com/pengx17/logseq-dev-theme/commit/2b99bad9f054185af17d5fa2328f548c83bc2b13)) 63 | 64 | ## [1.26.8](https://github.com/pengx17/logseq-dev-theme/compare/v1.26.7...v1.26.8) (2022-06-05) 65 | 66 | 67 | ### Bug Fixes 68 | 69 | * query header display issue ([1244cdf](https://github.com/pengx17/logseq-dev-theme/commit/1244cdfd196aebfbaf95ade6ec3cbb61b13a3e96)) 70 | 71 | ## [1.26.7](https://github.com/pengx17/logseq-dev-theme/compare/v1.26.6...v1.26.7) (2022-05-20) 72 | 73 | 74 | ### Bug Fixes 75 | 76 | * bullet threading issue on small screens ([100557b](https://github.com/pengx17/logseq-dev-theme/commit/100557b9b99541de476fc85c1a5cbc0b97317999)) 77 | 78 | ## [1.26.6](https://github.com/pengx17/logseq-dev-theme/compare/v1.26.5...v1.26.6) (2022-05-19) 79 | 80 | 81 | ### Bug Fixes 82 | 83 | * add link row style ([a4c5ede](https://github.com/pengx17/logseq-dev-theme/commit/a4c5ede4f1bbc44a52d40707748fe63fe2b89b85)) 84 | 85 | ## [1.26.5](https://github.com/pengx17/logseq-dev-theme/compare/v1.26.4...v1.26.5) (2022-05-12) 86 | 87 | 88 | ### Bug Fixes 89 | 90 | * multi-line blocks issue ([e5a53d4](https://github.com/pengx17/logseq-dev-theme/commit/e5a53d413454f05a31164a5f4fe599b016ff35d1)) 91 | 92 | ## [1.26.4](https://github.com/pengx17/logseq-dev-theme/compare/v1.26.3...v1.26.4) (2022-05-09) 93 | 94 | 95 | ### Bug Fixes 96 | 97 | * heading styles minor changes ([1fa7fd7](https://github.com/pengx17/logseq-dev-theme/commit/1fa7fd737b4a2be00af8f28fe63174f8a32669a4)) 98 | 99 | ## [1.26.3](https://github.com/pengx17/logseq-dev-theme/compare/v1.26.2...v1.26.3) (2022-05-02) 100 | 101 | 102 | ### Bug Fixes 103 | 104 | * date picker text color in dark mode ([5e3ec8f](https://github.com/pengx17/logseq-dev-theme/commit/5e3ec8f124afcefc1af81c8002f1a76804440f69)) 105 | 106 | ## [1.26.2](https://github.com/pengx17/logseq-dev-theme/compare/v1.26.1...v1.26.2) (2022-04-30) 107 | 108 | 109 | ### Bug Fixes 110 | 111 | * a workaround for draw offset ([1a10135](https://github.com/pengx17/logseq-dev-theme/commit/1a10135e9a826451d8901078f2389bc62322d226)) 112 | 113 | ## [1.26.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.26.0...v1.26.1) (2022-04-27) 114 | 115 | 116 | ### Bug Fixes 117 | 118 | * default active threading color ([2aa32d1](https://github.com/pengx17/logseq-dev-theme/commit/2aa32d16b4330e77966b9a8350b013f04b200126)) 119 | 120 | # [1.26.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.25.16...v1.26.0) (2022-04-27) 121 | 122 | 123 | ### Features 124 | 125 | * allow users to overwrite the threading color in plugin ([218a1d8](https://github.com/pengx17/logseq-dev-theme/commit/218a1d86d8bdde7e7d865ba28d7346e13228abec)) 126 | 127 | ## [1.25.16](https://github.com/pengx17/logseq-dev-theme/compare/v1.25.15...v1.25.16) (2022-04-25) 128 | 129 | 130 | ### Bug Fixes 131 | 132 | * edit layout shift issue ([8926098](https://github.com/pengx17/logseq-dev-theme/commit/89260981146c545c25dab5d38e98367c1d87dfe1)) 133 | 134 | ## [1.25.15](https://github.com/pengx17/logseq-dev-theme/compare/v1.25.14...v1.25.15) (2022-04-25) 135 | 136 | 137 | ### Bug Fixes 138 | 139 | * fix previous not properly ([a12e47e](https://github.com/pengx17/logseq-dev-theme/commit/a12e47e3f66f5a8ba94ad7e7f2415042147584ea)) 140 | 141 | ## [1.25.14](https://github.com/pengx17/logseq-dev-theme/compare/v1.25.13...v1.25.14) (2022-04-25) 142 | 143 | 144 | ### Bug Fixes 145 | 146 | * block content sometimes overflow ([61ee122](https://github.com/pengx17/logseq-dev-theme/commit/61ee1222515088a95d503aa478bb17e79aec14fd)) 147 | 148 | ## [1.25.13](https://github.com/pengx17/logseq-dev-theme/compare/v1.25.12...v1.25.13) (2022-04-25) 149 | 150 | 151 | ### Bug Fixes 152 | 153 | * multiline threading sometimes got covered ([4c8067c](https://github.com/pengx17/logseq-dev-theme/commit/4c8067c7ed88dd18234dae9ef9841bfef625fa24)) 154 | 155 | ## [1.25.12](https://github.com/pengx17/logseq-dev-theme/compare/v1.25.11...v1.25.12) (2022-04-23) 156 | 157 | 158 | ### Bug Fixes 159 | 160 | * query border is not shown ([b5b61e4](https://github.com/pengx17/logseq-dev-theme/commit/b5b61e4d8e9d7166da90be6069dffc47ebb0d24a)) 161 | 162 | ## [1.25.11](https://github.com/pengx17/logseq-dev-theme/compare/v1.25.10...v1.25.11) (2022-04-21) 163 | 164 | 165 | ### Bug Fixes 166 | 167 | * remove large padding ([326d306](https://github.com/pengx17/logseq-dev-theme/commit/326d306ed1361b306895a2b44803893ce88b0931)) 168 | 169 | ## [1.25.10](https://github.com/pengx17/logseq-dev-theme/compare/v1.25.9...v1.25.10) (2022-04-21) 170 | 171 | 172 | ### Bug Fixes 173 | 174 | * remove backdrop-filter for headers ([45788a6](https://github.com/pengx17/logseq-dev-theme/commit/45788a6f9b87655eefba60f7635d115f84c4ce3c)) 175 | 176 | ## [1.25.9](https://github.com/pengx17/logseq-dev-theme/compare/v1.25.8...v1.25.9) (2022-04-21) 177 | 178 | 179 | ### Bug Fixes 180 | 181 | * journal load issue ([20498fd](https://github.com/pengx17/logseq-dev-theme/commit/20498fdda9a651dfca535ac172f1fd2b3d864f78)) 182 | 183 | ## [1.25.8](https://github.com/pengx17/logseq-dev-theme/compare/v1.25.7...v1.25.8) (2022-04-21) 184 | 185 | 186 | ### Reverts 187 | 188 | * Revert "fix: journal page load issue" ([0b341ea](https://github.com/pengx17/logseq-dev-theme/commit/0b341ead0f8f9e4d4c7e7873066e9c159246df45)) 189 | 190 | ## [1.25.7](https://github.com/pengx17/logseq-dev-theme/compare/v1.25.6...v1.25.7) (2022-04-21) 191 | 192 | 193 | ### Bug Fixes 194 | 195 | * journal page load issue ([071c295](https://github.com/pengx17/logseq-dev-theme/commit/071c29507959d4a3c7601b9a845abf58078c43fb)) 196 | 197 | ## [1.25.6](https://github.com/pengx17/logseq-dev-theme/compare/v1.25.5...v1.25.6) (2022-04-20) 198 | 199 | 200 | ### Bug Fixes 201 | 202 | * solid left border in doc mod ([c94113b](https://github.com/pengx17/logseq-dev-theme/commit/c94113bd8acb6ff9443e53a6cbdf301bba036722)) 203 | 204 | ## [1.25.5](https://github.com/pengx17/logseq-dev-theme/compare/v1.25.4...v1.25.5) (2022-04-20) 205 | 206 | 207 | ### Bug Fixes 208 | 209 | * #main-container min height ([4623f47](https://github.com/pengx17/logseq-dev-theme/commit/4623f4781778de591154e7c1028188baa1d86814)) 210 | 211 | ## [1.25.4](https://github.com/pengx17/logseq-dev-theme/compare/v1.25.3...v1.25.4) (2022-04-20) 212 | 213 | 214 | ### Bug Fixes 215 | 216 | * build is missing no_bullet_threading.css ([5b4a2b1](https://github.com/pengx17/logseq-dev-theme/commit/5b4a2b15db66edee5d9816a190d68d444f0978b9)) 217 | * dates in date picker is not visible ([6cede63](https://github.com/pengx17/logseq-dev-theme/commit/6cede636f8b3ee42e649b4439a95dc456af75c94)), closes [#50](https://github.com/pengx17/logseq-dev-theme/issues/50) 218 | 219 | ## [1.25.3](https://github.com/pengx17/logseq-dev-theme/compare/v1.25.2...v1.25.3) (2022-04-18) 220 | 221 | 222 | ### Bug Fixes 223 | 224 | * fix scrollbar issue ([2d48f01](https://github.com/pengx17/logseq-dev-theme/commit/2d48f0151a097242f0199a37fd9b5aaa13b9ca76)) 225 | 226 | ## [1.25.2](https://github.com/pengx17/logseq-dev-theme/compare/v1.25.1...v1.25.2) (2022-04-15) 227 | 228 | 229 | ### Bug Fixes 230 | 231 | * first journal item height ([7d40029](https://github.com/pengx17/logseq-dev-theme/commit/7d40029380ac9c7292570ab31ebe1dd234efd7c7)) 232 | 233 | ## [1.25.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.25.0...v1.25.1) (2022-04-15) 234 | 235 | 236 | ### Bug Fixes 237 | 238 | * header paddings ([c61d414](https://github.com/pengx17/logseq-dev-theme/commit/c61d414c707b32f25ce69b8280d4b58f8f23a039)) 239 | 240 | # [1.25.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.24.3...v1.25.0) (2022-04-15) 241 | 242 | 243 | ### Features 244 | 245 | * adapt mobile styles ([440961c](https://github.com/pengx17/logseq-dev-theme/commit/440961cc568dc06513d383515784f58cf4216498)) 246 | 247 | ## [1.24.3](https://github.com/pengx17/logseq-dev-theme/compare/v1.24.2...v1.24.3) (2022-04-01) 248 | 249 | 250 | ### Bug Fixes 251 | 252 | * threading in the first block of the embedded ([986e791](https://github.com/pengx17/logseq-dev-theme/commit/986e7913b1822aaaf9f3f44c7389758fd6963ee3)) 253 | 254 | ## [1.24.2](https://github.com/pengx17/logseq-dev-theme/compare/v1.24.1...v1.24.2) (2022-03-28) 255 | 256 | 257 | ### Bug Fixes 258 | 259 | * compatibility fix for light/white theme refactor upstream ([14d3194](https://github.com/pengx17/logseq-dev-theme/commit/14d3194b10a89fdfc10c6e5506ccebe1d713d012)) 260 | 261 | ## [1.24.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.24.0...v1.24.1) (2022-03-17) 262 | 263 | 264 | ### Bug Fixes 265 | 266 | * adjust code block margin ([bce6ea1](https://github.com/pengx17/logseq-dev-theme/commit/bce6ea147324a244742cf97b5f06c3766e42a8cd)) 267 | 268 | # [1.24.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.23.16...v1.24.0) (2022-02-23) 269 | 270 | 271 | ### Features 272 | 273 | * add no bullet threading dev theme ([6b71900](https://github.com/pengx17/logseq-dev-theme/commit/6b7190055cd5983ff0ca441a8ca85df80f9b1d40)) 274 | 275 | ## [1.23.16](https://github.com/pengx17/logseq-dev-theme/compare/v1.23.15...v1.23.16) (2022-02-17) 276 | 277 | 278 | ### Bug Fixes 279 | 280 | * remove sticky journal title ([48c6727](https://github.com/pengx17/logseq-dev-theme/commit/48c6727d52c099a5c1bdcaa02301d9e12b67097b)) 281 | 282 | ## [1.23.15](https://github.com/pengx17/logseq-dev-theme/compare/v1.23.14...v1.23.15) (2022-02-17) 283 | 284 | 285 | ### Bug Fixes 286 | 287 | * texts & todo color in highlighted blocks ([df9fc4d](https://github.com/pengx17/logseq-dev-theme/commit/df9fc4d1e16130cf3dbf21c3fc91cb7835242ac6)), closes [#38](https://github.com/pengx17/logseq-dev-theme/issues/38) 288 | 289 | ## [1.23.14](https://github.com/pengx17/logseq-dev-theme/compare/v1.23.13...v1.23.14) (2022-01-18) 290 | 291 | 292 | ### Bug Fixes 293 | 294 | * h2 blink issue ([f098307](https://github.com/pengx17/logseq-dev-theme/commit/f09830753ba347953b2a727a2931a435eeefe07f)) 295 | 296 | ## [1.23.13](https://github.com/pengx17/logseq-dev-theme/compare/v1.23.12...v1.23.13) (2022-01-14) 297 | 298 | 299 | ### Bug Fixes 300 | 301 | * bullet offset ([6c2f83c](https://github.com/pengx17/logseq-dev-theme/commit/6c2f83c112b324748ab7626cf488955ffe3cae7b)) 302 | 303 | ## [1.23.12](https://github.com/pengx17/logseq-dev-theme/compare/v1.23.11...v1.23.12) (2022-01-12) 304 | 305 | 306 | ### Bug Fixes 307 | 308 | * enlarge page content padding ([936f9b6](https://github.com/pengx17/logseq-dev-theme/commit/936f9b619a3bde4353b443f09a88cf07703905c8)) 309 | 310 | ## [1.23.11](https://github.com/pengx17/logseq-dev-theme/compare/v1.23.10...v1.23.11) (2022-01-11) 311 | 312 | 313 | ### Bug Fixes 314 | 315 | * left sidebar styles ([bcf387e](https://github.com/pengx17/logseq-dev-theme/commit/bcf387ec62a7bb0491d6d940d03dbf118583b38b)) 316 | 317 | ## [1.23.10](https://github.com/pengx17/logseq-dev-theme/compare/v1.23.9...v1.23.10) (2022-01-11) 318 | 319 | 320 | ### Bug Fixes 321 | 322 | * padding for page content ([50fc6b9](https://github.com/pengx17/logseq-dev-theme/commit/50fc6b917203c8f06d0dee614473aa5b97d91511)) 323 | 324 | ## [1.23.9](https://github.com/pengx17/logseq-dev-theme/compare/v1.23.8...v1.23.9) (2022-01-11) 325 | 326 | 327 | ### Bug Fixes 328 | 329 | * for nightly release ([d35209d](https://github.com/pengx17/logseq-dev-theme/commit/d35209d8a7fdfb1d31d66f521d4b2da07e2bbaae)) 330 | 331 | ## [1.23.8](https://github.com/pengx17/logseq-dev-theme/compare/v1.23.7...v1.23.8) (2022-01-11) 332 | 333 | 334 | ### Bug Fixes 335 | 336 | * adjust for new nightly version ([702afaa](https://github.com/pengx17/logseq-dev-theme/commit/702afaa2367e15eb8862ee81c36c736eea1724a2)) 337 | 338 | ## [1.23.7](https://github.com/pengx17/logseq-dev-theme/compare/v1.23.6...v1.23.7) (2022-01-07) 339 | 340 | 341 | ### Bug Fixes 342 | 343 | * remove the margin of code ([d388875](https://github.com/pengx17/logseq-dev-theme/commit/d38887510c87834ac77e64ed5ad7b5bed513c8d5)) 344 | 345 | ## [1.23.6](https://github.com/pengx17/logseq-dev-theme/compare/v1.23.5...v1.23.6) (2022-01-04) 346 | 347 | 348 | ### Bug Fixes 349 | 350 | * lower block toggle bar ([5245dbe](https://github.com/pengx17/logseq-dev-theme/commit/5245dbe431d0f96f536c3730ac04c5bd4bf0ba72)) 351 | 352 | ## [1.23.5](https://github.com/pengx17/logseq-dev-theme/compare/v1.23.4...v1.23.5) (2022-01-04) 353 | 354 | 355 | ### Bug Fixes 356 | 357 | * compatibility issue with other themes ([978ddf7](https://github.com/pengx17/logseq-dev-theme/commit/978ddf7a9d606169446462eb2780c697abc6fe08)) 358 | 359 | ## [1.23.4](https://github.com/pengx17/logseq-dev-theme/compare/v1.23.3...v1.23.4) (2021-12-31) 360 | 361 | 362 | ### Bug Fixes 363 | 364 | * some style issues ([0b4d669](https://github.com/pengx17/logseq-dev-theme/commit/0b4d669335354f4cae699acb6343d0840233e89f)) 365 | 366 | ## [1.23.3](https://github.com/pengx17/logseq-dev-theme/compare/v1.23.2...v1.23.3) (2021-12-30) 367 | 368 | 369 | ### Bug Fixes 370 | 371 | * incorrect color theme ([91f8b37](https://github.com/pengx17/logseq-dev-theme/commit/91f8b37a0ac0be9594627fb0780b2aaf2f99eb88)) 372 | 373 | ## [1.23.2](https://github.com/pengx17/logseq-dev-theme/compare/v1.23.1...v1.23.2) (2021-12-30) 374 | 375 | 376 | ### Bug Fixes 377 | 378 | * prepare for standalone plugin ([ae0a327](https://github.com/pengx17/logseq-dev-theme/commit/ae0a327584e2470b4aaaae26fb3eda37530cfe65)) 379 | 380 | ## [1.23.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.23.0...v1.23.1) (2021-12-26) 381 | 382 | 383 | ### Bug Fixes 384 | 385 | * block toggle rounded border ([60b3783](https://github.com/pengx17/logseq-dev-theme/commit/60b3783971d64437fe15baf6e7165e40a337bae4)) 386 | 387 | # [1.23.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.22.7...v1.23.0) (2021-12-26) 388 | 389 | 390 | ### Features 391 | 392 | * update block-ref style ([6c177a3](https://github.com/pengx17/logseq-dev-theme/commit/6c177a3c36df5302200b2be8ff7d97aa5cac67d0)) 393 | 394 | ## [1.22.7](https://github.com/pengx17/logseq-dev-theme/compare/v1.22.6...v1.22.7) (2021-12-26) 395 | 396 | 397 | ### Bug Fixes 398 | 399 | * adapt for new block toggle styles ([1427d05](https://github.com/pengx17/logseq-dev-theme/commit/1427d05ad957b98cdec89325ee125a7d99c6657a)) 400 | 401 | ## [1.22.6](https://github.com/pengx17/logseq-dev-theme/compare/v1.22.5...v1.22.6) (2021-12-24) 402 | 403 | 404 | ### Bug Fixes 405 | 406 | * update colors ([291a4ac](https://github.com/pengx17/logseq-dev-theme/commit/291a4ac9904d282c3abc65758e971b150bbd622f)) 407 | 408 | ## [1.22.5](https://github.com/pengx17/logseq-dev-theme/compare/v1.22.4...v1.22.5) (2021-12-22) 409 | 410 | 411 | ### Bug Fixes 412 | 413 | * [#24](https://github.com/pengx17/logseq-dev-theme/issues/24) not be able to scroll horizontally ([b093433](https://github.com/pengx17/logseq-dev-theme/commit/b0934330168cfc1d7783d6a52b355ec9107c9920)) 414 | 415 | ## [1.22.4](https://github.com/pengx17/logseq-dev-theme/compare/v1.22.3...v1.22.4) (2021-12-20) 416 | 417 | 418 | ### Bug Fixes 419 | 420 | * calc & lang indicator styles ([6d78f4b](https://github.com/pengx17/logseq-dev-theme/commit/6d78f4b799419c0ff1de6079769e646b170f0085)) 421 | 422 | ## [1.22.3](https://github.com/pengx17/logseq-dev-theme/compare/v1.22.2...v1.22.3) (2021-12-20) 423 | 424 | 425 | ### Bug Fixes 426 | 427 | * update dark mode selection color ([0d9b59b](https://github.com/pengx17/logseq-dev-theme/commit/0d9b59b866427205f7aa07ece1ff32329ed4e207)) 428 | 429 | ## [1.22.2](https://github.com/pengx17/logseq-dev-theme/compare/v1.22.1...v1.22.2) (2021-12-11) 430 | 431 | 432 | ### Bug Fixes 433 | 434 | * heading & block ref changes ([abc31e3](https://github.com/pengx17/logseq-dev-theme/commit/abc31e36b21855d74cd7be5721f841d091b817cc)) 435 | 436 | ## [1.22.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.22.0...v1.22.1) (2021-12-09) 437 | 438 | 439 | ### Bug Fixes 440 | 441 | * block-ref issue in logseq ([6d9b49f](https://github.com/pengx17/logseq-dev-theme/commit/6d9b49fb254501ac320a00316ea685d416d1230e)) 442 | 443 | # [1.22.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.21.17...v1.22.0) (2021-11-22) 444 | 445 | 446 | ### Features 447 | 448 | * sticky journal titles ([82a7343](https://github.com/pengx17/logseq-dev-theme/commit/82a73430955e218e4a35e5dc530e9414682bca46)) 449 | 450 | ## [1.21.17](https://github.com/pengx17/logseq-dev-theme/compare/v1.21.16...v1.21.17) (2021-11-22) 451 | 452 | 453 | ### Bug Fixes 454 | 455 | * smaller code mirror font-size ([ce5925e](https://github.com/pengx17/logseq-dev-theme/commit/ce5925e01314f205acac1e6ba3bf2073cc4526be)) 456 | 457 | ## [1.21.16](https://github.com/pengx17/logseq-dev-theme/compare/v1.21.15...v1.21.16) (2021-11-18) 458 | 459 | 460 | ### Bug Fixes 461 | 462 | * threading styles regression for 0.4.6 ([a997d7e](https://github.com/pengx17/logseq-dev-theme/commit/a997d7e66069c2f2f710d64990e73928c0bce1af)) 463 | 464 | ## [1.21.15](https://github.com/pengx17/logseq-dev-theme/compare/v1.21.14...v1.21.15) (2021-11-17) 465 | 466 | 467 | ### Bug Fixes 468 | 469 | * strong elements should inherit their color ([a7a3778](https://github.com/pengx17/logseq-dev-theme/commit/a7a3778f52d5ac6d2428744b858b09fa617621cd)) 470 | 471 | ## [1.21.14](https://github.com/pengx17/logseq-dev-theme/compare/v1.21.13...v1.21.14) (2021-11-17) 472 | 473 | 474 | ### Bug Fixes 475 | 476 | * scrolling issue in 0.4.6 ([ca0934d](https://github.com/pengx17/logseq-dev-theme/commit/ca0934d455c8673c29fd3652a28615e67b42e432)) 477 | 478 | ## [1.21.13](https://github.com/pengx17/logseq-dev-theme/compare/v1.21.12...v1.21.13) (2021-11-10) 479 | 480 | 481 | ### Bug Fixes 482 | 483 | * bullet positioning ([fd8ad71](https://github.com/pengx17/logseq-dev-theme/commit/fd8ad718f98c29d42b1097c5ea8624beb792e122)) 484 | 485 | ## [1.21.12](https://github.com/pengx17/logseq-dev-theme/compare/v1.21.11...v1.21.12) (2021-11-10) 486 | 487 | 488 | ### Bug Fixes 489 | 490 | * adjust priority marker positioning ([1b22af3](https://github.com/pengx17/logseq-dev-theme/commit/1b22af3c659ff2ee4951b4ba522313482cadccc2)) 491 | 492 | ## [1.21.11](https://github.com/pengx17/logseq-dev-theme/compare/v1.21.10...v1.21.11) (2021-11-05) 493 | 494 | 495 | ### Bug Fixes 496 | 497 | * italic fonts ([67105a3](https://github.com/pengx17/logseq-dev-theme/commit/67105a34855ca36b2ef5089ed26299c7dae3b8a3)) 498 | 499 | ## [1.21.10](https://github.com/pengx17/logseq-dev-theme/compare/v1.21.9...v1.21.10) (2021-10-29) 500 | 501 | 502 | ### Bug Fixes 503 | 504 | * make block control a little bit nicer ([350885f](https://github.com/pengx17/logseq-dev-theme/commit/350885fb151a0d11c1697c44f790791966e222f1)) 505 | 506 | ## [1.21.9](https://github.com/pengx17/logseq-dev-theme/compare/v1.21.8...v1.21.9) (2021-10-25) 507 | 508 | 509 | ### Bug Fixes 510 | 511 | * bullets collapse control should not be covered by thread ([d9d6395](https://github.com/pengx17/logseq-dev-theme/commit/d9d63958fca644ab4fd9a28c243537c499e6d046)) 512 | 513 | ## [1.21.8](https://github.com/pengx17/logseq-dev-theme/compare/v1.21.7...v1.21.8) (2021-10-25) 514 | 515 | 516 | ### Bug Fixes 517 | 518 | * block ref preview header opacity ([e3e6894](https://github.com/pengx17/logseq-dev-theme/commit/e3e6894ff9eb2d73148d5d87f1681c459441c8ac)) 519 | * left sidebar fonts ([ebfbf94](https://github.com/pengx17/logseq-dev-theme/commit/ebfbf94d75f1c27a9645c62375adcb61fdfc8627)) 520 | 521 | ## [1.21.7](https://github.com/pengx17/logseq-dev-theme/compare/v1.21.6...v1.21.7) (2021-10-12) 522 | 523 | 524 | ### Bug Fixes 525 | 526 | * adapt for Logseq 0.4.3 ([f434c51](https://github.com/pengx17/logseq-dev-theme/commit/f434c51ccb4ad0d3057f231f90096652fb96b26b)) 527 | 528 | ## [1.21.6](https://github.com/pengx17/logseq-dev-theme/compare/v1.21.5...v1.21.6) (2021-10-11) 529 | 530 | 531 | ### Bug Fixes 532 | 533 | * revert checkbox size ([fef3704](https://github.com/pengx17/logseq-dev-theme/commit/fef370465913becf5e9843930cdcbda281671012)) 534 | 535 | ## [1.21.5](https://github.com/pengx17/logseq-dev-theme/compare/v1.21.4...v1.21.5) (2021-10-11) 536 | 537 | 538 | ### Bug Fixes 539 | 540 | * marker styles ([48773f5](https://github.com/pengx17/logseq-dev-theme/commit/48773f5bd8286e5fe5de696eed8b13e2bc870d53)) 541 | 542 | ## [1.21.4](https://github.com/pengx17/logseq-dev-theme/compare/v1.21.3...v1.21.4) (2021-10-08) 543 | 544 | 545 | ### Bug Fixes 546 | 547 | * when left-sidebar is on, the user should still see right side controls ([71fc089](https://github.com/pengx17/logseq-dev-theme/commit/71fc0899d6da3c6301c22410debd5d61966b93ec)) 548 | 549 | ## [1.21.3](https://github.com/pengx17/logseq-dev-theme/compare/v1.21.2...v1.21.3) (2021-09-26) 550 | 551 | 552 | ### Bug Fixes 553 | 554 | * tooltip padding ([e7efd7f](https://github.com/pengx17/logseq-dev-theme/commit/e7efd7fbea6961c88fe6f262f5765b9d8b161dcd)) 555 | 556 | ## [1.21.2](https://github.com/pengx17/logseq-dev-theme/compare/v1.21.1...v1.21.2) (2021-09-24) 557 | 558 | 559 | ### Bug Fixes 560 | 561 | * fix version ([55f52ac](https://github.com/pengx17/logseq-dev-theme/commit/55f52ac7c213bc5a4f03fc74321c49dfe2c6a8a9)) 562 | 563 | ## [1.21.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.21.0...v1.21.1) (2021-09-24) 564 | 565 | 566 | ### Bug Fixes 567 | 568 | * update for new custom query block style ([eab936d](https://github.com/pengx17/logseq-dev-theme/commit/eab936ddcc01cb3538f958c659e21e4568c9ccab)) 569 | 570 | # [1.21.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.20.9...v1.21.0) (2021-09-22) 571 | 572 | 573 | ### Features 574 | 575 | * adapt youtube video size automatically ([30d2f4d](https://github.com/pengx17/logseq-dev-theme/commit/30d2f4d27bb815b9a266e61509faa109031c1b80)) 576 | 577 | ## [1.20.9](https://github.com/pengx17/logseq-dev-theme/compare/v1.20.8...v1.20.9) (2021-08-30) 578 | 579 | 580 | ### Bug Fixes 581 | 582 | * revert turning inline into inline-block ([1c5e3ec](https://github.com/pengx17/logseq-dev-theme/commit/1c5e3ec5ea9dfaaf7416614d10a21c1e31b54661)) 583 | 584 | ## [1.20.8](https://github.com/pengx17/logseq-dev-theme/compare/v1.20.7...v1.20.8) (2021-08-26) 585 | 586 | 587 | ### Bug Fixes 588 | 589 | * hide add button for page preview ([df2bbc5](https://github.com/pengx17/logseq-dev-theme/commit/df2bbc5f0a4c143c4850b0d7feee8c5ec58f8670)) 590 | 591 | ## [1.20.7](https://github.com/pengx17/logseq-dev-theme/compare/v1.20.6...v1.20.7) (2021-08-23) 592 | 593 | 594 | ### Bug Fixes 595 | 596 | * hovering block indicator position ([3827c95](https://github.com/pengx17/logseq-dev-theme/commit/3827c95cc423fd49726129543d50be75fc92a4aa)) 597 | 598 | ## [1.20.6](https://github.com/pengx17/logseq-dev-theme/compare/v1.20.5...v1.20.6) (2021-08-18) 599 | 600 | 601 | ### Bug Fixes 602 | 603 | * heading position when not showing threading ([f9932de](https://github.com/pengx17/logseq-dev-theme/commit/f9932dea7c2c5a9b650c923b62fbd1b551c79011)) 604 | 605 | ## [1.20.5](https://github.com/pengx17/logseq-dev-theme/compare/v1.20.4...v1.20.5) (2021-08-17) 606 | 607 | 608 | ### Bug Fixes 609 | 610 | * bullet closed color ([2fb24ef](https://github.com/pengx17/logseq-dev-theme/commit/2fb24ef038da208961d32b67fcf25135bea9b675)) 611 | 612 | ## [1.20.4](https://github.com/pengx17/logseq-dev-theme/compare/v1.20.3...v1.20.4) (2021-08-13) 613 | 614 | 615 | ### Bug Fixes 616 | 617 | * block-ref popover ([b6b9d5b](https://github.com/pengx17/logseq-dev-theme/commit/b6b9d5bd3093f3b3dbfc00e01d56eeef47b5595a)) 618 | 619 | ## [1.20.3](https://github.com/pengx17/logseq-dev-theme/compare/v1.20.2...v1.20.3) (2021-08-13) 620 | 621 | 622 | ### Bug Fixes 623 | 624 | * popup not be able to scroll after 0.3.3 ([476a5e3](https://github.com/pengx17/logseq-dev-theme/commit/476a5e381f8274fa05fe882cf9948df8d9b04616)) 625 | 626 | ## [1.20.2](https://github.com/pengx17/logseq-dev-theme/compare/v1.20.1...v1.20.2) (2021-08-12) 627 | 628 | 629 | ### Bug Fixes 630 | 631 | * code cleanup ([49e9cbd](https://github.com/pengx17/logseq-dev-theme/commit/49e9cbde05c2d425c62b1e4237e65e50789c1b49)) 632 | 633 | ## [1.20.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.20.0...v1.20.1) (2021-08-11) 634 | 635 | 636 | ### Bug Fixes 637 | 638 | * block threading for headings ([3347856](https://github.com/pengx17/logseq-dev-theme/commit/33478562121e743282891659cfc5bc32f2443954)) 639 | 640 | # [1.20.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.19.1...v1.20.0) (2021-08-10) 641 | 642 | 643 | ### Features 644 | 645 | * extract bullet_threading css ([c245957](https://github.com/pengx17/logseq-dev-theme/commit/c245957bb01010053e46b9eb67953eba679900a8)) 646 | 647 | ## [1.19.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.19.0...v1.19.1) (2021-08-07) 648 | 649 | 650 | ### Bug Fixes 651 | 652 | * change bullet active color var ([c087025](https://github.com/pengx17/logseq-dev-theme/commit/c087025d1cd1a65a86b8086caf1105587c5c258e)) 653 | 654 | # [1.19.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.18.0...v1.19.0) (2021-08-07) 655 | 656 | 657 | ### Features 658 | 659 | * head height issue ([7225454](https://github.com/pengx17/logseq-dev-theme/commit/722545416b1960865ade44a35754f4983c2ebb34)) 660 | 661 | # [1.18.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.17.7...v1.18.0) (2021-08-06) 662 | 663 | 664 | ### Features 665 | 666 | * emoji range ([6bb7823](https://github.com/pengx17/logseq-dev-theme/commit/6bb78234c1e17353e16050f34b84380c9eb3a85c)) 667 | 668 | ## [1.17.7](https://github.com/pengx17/logseq-dev-theme/compare/v1.17.6...v1.17.7) (2021-08-06) 669 | 670 | 671 | ### Bug Fixes 672 | 673 | * fix emoji display on windows ([0b3665d](https://github.com/pengx17/logseq-dev-theme/commit/0b3665d3af4009ad0a9d7e255dd34a89b224fa58)) 674 | 675 | ## [1.17.6](https://github.com/pengx17/logseq-dev-theme/compare/v1.17.5...v1.17.6) (2021-08-04) 676 | 677 | 678 | ### Bug Fixes 679 | 680 | * adjust table even row bg color ([b8ed200](https://github.com/pengx17/logseq-dev-theme/commit/b8ed20001b8a71ab59f4b98c32f6a3cec2f187ff)) 681 | 682 | ## [1.17.5](https://github.com/pengx17/logseq-dev-theme/compare/v1.17.4...v1.17.5) (2021-08-03) 683 | 684 | 685 | ### Bug Fixes 686 | 687 | * sidebar border colors ([46be98e](https://github.com/pengx17/logseq-dev-theme/commit/46be98e4cfcce76733d330b6c8f91fa40a0d322e)) 688 | 689 | ## [1.17.4](https://github.com/pengx17/logseq-dev-theme/compare/v1.17.3...v1.17.4) (2021-08-03) 690 | 691 | 692 | ### Bug Fixes 693 | 694 | * bullet threading offset ([8934fc2](https://github.com/pengx17/logseq-dev-theme/commit/8934fc2a826bda92f44e944215963a6c2dbf3297)) 695 | 696 | ## [1.17.3](https://github.com/pengx17/logseq-dev-theme/compare/v1.17.2...v1.17.3) (2021-08-02) 697 | 698 | 699 | ### Bug Fixes 700 | 701 | * make main view a bit more compact for mobile screens ([0992aeb](https://github.com/pengx17/logseq-dev-theme/commit/0992aeb0010c796927dd967fc389014064a88e35)) 702 | * update some details ([f971483](https://github.com/pengx17/logseq-dev-theme/commit/f97148326c0f2ebb0e9d234e9c481ef56fe5c021)) 703 | 704 | ## [1.17.2](https://github.com/pengx17/logseq-dev-theme/compare/v1.17.1...v1.17.2) (2021-07-30) 705 | 706 | 707 | ### Bug Fixes 708 | 709 | * adjust in progress marker background ([c97a4dd](https://github.com/pengx17/logseq-dev-theme/commit/c97a4dde7a82f290c47d913f28f625303f80452b)) 710 | 711 | ## [1.17.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.17.0...v1.17.1) (2021-07-30) 712 | 713 | 714 | ### Bug Fixes 715 | 716 | * remove search box focus ring ([df746aa](https://github.com/pengx17/logseq-dev-theme/commit/df746aaeaeff6a601a433bd47ebd083ac6ae5797)) 717 | 718 | # [1.17.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.16.2...v1.17.0) (2021-07-29) 719 | 720 | 721 | ### Bug Fixes 722 | 723 | * remove box shadow of popovers ([acd9858](https://github.com/pengx17/logseq-dev-theme/commit/acd9858883618b1b8416c45e92d35c15a82259da)) 724 | 725 | 726 | ### Features 727 | 728 | * adjust primary color for dark ([a427281](https://github.com/pengx17/logseq-dev-theme/commit/a427281c4f7bb0f6090f6ab38888b787b6b1a584)) 729 | 730 | ## [1.16.2](https://github.com/pengx17/logseq-dev-theme/compare/v1.16.1...v1.16.2) (2021-07-29) 731 | 732 | 733 | ### Bug Fixes 734 | 735 | * side panel margin & color-level border ([777537e](https://github.com/pengx17/logseq-dev-theme/commit/777537e453ac230fbe44b18739f1a59d662bb5a4)) 736 | 737 | ## [1.16.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.16.0...v1.16.1) (2021-07-29) 738 | 739 | 740 | ### Bug Fixes 741 | 742 | * adjust colors ([85db87d](https://github.com/pengx17/logseq-dev-theme/commit/85db87d3925054707bdb3db723d4595ac54de62f)) 743 | 744 | # [1.16.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.15.7...v1.16.0) (2021-07-29) 745 | 746 | 747 | ### Features 748 | 749 | * enhancements ([56ddf4f](https://github.com/pengx17/logseq-dev-theme/commit/56ddf4f5d2a0965122acd0349ce987af98cad2a1)) 750 | 751 | ## [1.15.7](https://github.com/pengx17/logseq-dev-theme/compare/v1.15.6...v1.15.7) (2021-07-28) 752 | 753 | 754 | ### Bug Fixes 755 | 756 | * use first-child instead ([a86eec4](https://github.com/pengx17/logseq-dev-theme/commit/a86eec4d089bbb04941e8227da3f83ac0483faa7)) 757 | 758 | ## [1.15.6](https://github.com/pengx17/logseq-dev-theme/compare/v1.15.5...v1.15.6) (2021-07-28) 759 | 760 | 761 | ### Bug Fixes 762 | 763 | * minor positioning issues ([0283f90](https://github.com/pengx17/logseq-dev-theme/commit/0283f9098377876dd67dc63edd24e668e1a259d5)) 764 | 765 | ## [1.15.5](https://github.com/pengx17/logseq-dev-theme/compare/v1.15.4...v1.15.5) (2021-07-28) 766 | 767 | 768 | ### Bug Fixes 769 | 770 | * block hovering selector fix ([9313735](https://github.com/pengx17/logseq-dev-theme/commit/9313735a95d2bcb5b2eabd430b38767f54c44889)) 771 | 772 | ## [1.15.4](https://github.com/pengx17/logseq-dev-theme/compare/v1.15.3...v1.15.4) (2021-07-28) 773 | 774 | 775 | ### Bug Fixes 776 | 777 | * embed hover offset ([49cc573](https://github.com/pengx17/logseq-dev-theme/commit/49cc573f19252e13554c2a9e87a978f60f9b0982)) 778 | 779 | ## [1.15.3](https://github.com/pengx17/logseq-dev-theme/compare/v1.15.2...v1.15.3) (2021-07-28) 780 | 781 | 782 | ### Bug Fixes 783 | 784 | * lower the shadow a bit for embedded ([8d709c4](https://github.com/pengx17/logseq-dev-theme/commit/8d709c4a8519e7e1e3e6a47ef7ddfe02b0b32b3d)) 785 | 786 | ## [1.15.2](https://github.com/pengx17/logseq-dev-theme/compare/v1.15.1...v1.15.2) (2021-07-28) 787 | 788 | 789 | ### Bug Fixes 790 | 791 | * some adjustments ([850dafb](https://github.com/pengx17/logseq-dev-theme/commit/850dafb45c85f1cb22238f5a48fe2e4a8a945897)) 792 | 793 | ## [1.15.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.15.0...v1.15.1) (2021-07-28) 794 | 795 | 796 | ### Bug Fixes 797 | 798 | * use a lighter font weight for titles ([05bc98e](https://github.com/pengx17/logseq-dev-theme/commit/05bc98e14c19918e75e8f7b6f5caf78f9e890442)) 799 | 800 | # [1.15.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.14.7...v1.15.0) (2021-07-28) 801 | 802 | 803 | ### Features 804 | 805 | * adjust block highlight position ([7c67286](https://github.com/pengx17/logseq-dev-theme/commit/7c6728621c4892fa40af76557d692e0f61ce3ad2)) 806 | 807 | ## [1.14.7](https://github.com/pengx17/logseq-dev-theme/compare/v1.14.6...v1.14.7) (2021-07-27) 808 | 809 | 810 | ### Bug Fixes 811 | 812 | * remove default block-content cursor ([02628c0](https://github.com/pengx17/logseq-dev-theme/commit/02628c0074062e46c05e85cdb47f44c397dd73c5)) 813 | 814 | ## [1.14.6](https://github.com/pengx17/logseq-dev-theme/compare/v1.14.5...v1.14.6) (2021-07-27) 815 | 816 | 817 | ### Bug Fixes 818 | 819 | * revert ([faf3b4a](https://github.com/pengx17/logseq-dev-theme/commit/faf3b4a9177626c224d2f15eb05fe07cd25db776)) 820 | 821 | ## [1.14.5](https://github.com/pengx17/logseq-dev-theme/compare/v1.14.4...v1.14.5) (2021-07-27) 822 | 823 | 824 | ### Bug Fixes 825 | 826 | * adjust some positions ([a3ac1cb](https://github.com/pengx17/logseq-dev-theme/commit/a3ac1cbd28cba14132be00f94fca6484d9231ead)) 827 | 828 | ## [1.14.4](https://github.com/pengx17/logseq-dev-theme/compare/v1.14.3...v1.14.4) (2021-07-27) 829 | 830 | 831 | ### Bug Fixes 832 | 833 | * some enhancemens ([84ea33f](https://github.com/pengx17/logseq-dev-theme/commit/84ea33feac982ca72d04409e09de52e039287f3d)) 834 | 835 | ## [1.14.3](https://github.com/pengx17/logseq-dev-theme/compare/v1.14.2...v1.14.3) (2021-07-27) 836 | 837 | 838 | ### Bug Fixes 839 | 840 | * remove custom-query background ([37fac20](https://github.com/pengx17/logseq-dev-theme/commit/37fac202c292776da4bcfc29f4dc9142b778b451)) 841 | 842 | ## [1.14.2](https://github.com/pengx17/logseq-dev-theme/compare/v1.14.1...v1.14.2) (2021-07-27) 843 | 844 | 845 | ### Bug Fixes 846 | 847 | * make line-height a little bit larger ([e1f5254](https://github.com/pengx17/logseq-dev-theme/commit/e1f5254d0b96d5441fde42d64db735e095932d62)) 848 | 849 | ## [1.14.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.14.0...v1.14.1) (2021-07-27) 850 | 851 | 852 | ### Bug Fixes 853 | 854 | * use a little bar to show hovering block ([77fd2a2](https://github.com/pengx17/logseq-dev-theme/commit/77fd2a269eaea730429dc1c45c7e98aee82854ce)) 855 | 856 | # [1.14.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.13.0...v1.14.0) (2021-07-27) 857 | 858 | 859 | ### Features 860 | 861 | * add hovering block underline ([4e1824e](https://github.com/pengx17/logseq-dev-theme/commit/4e1824ee43581ffa29d7687d8e2cd2d92f36dddc)) 862 | 863 | # [1.13.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.12.1...v1.13.0) (2021-07-27) 864 | 865 | 866 | ### Features 867 | 868 | * adapt threading for new logseq version ([cbd0fce](https://github.com/pengx17/logseq-dev-theme/commit/cbd0fce7db043dcb0de1b2e2538867bd7ab7f12f)) 869 | 870 | ## [1.12.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.12.0...v1.12.1) (2021-07-24) 871 | 872 | 873 | ### Bug Fixes 874 | 875 | * update font path ([34ef6da](https://github.com/pengx17/logseq-dev-theme/commit/34ef6daea479c6c4d856559fb6c8a95adbfaeeac)) 876 | 877 | # [1.12.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.11.0...v1.12.0) (2021-07-21) 878 | 879 | 880 | ### Features 881 | 882 | * use source sans instead of noto for default fonts ([46463c8](https://github.com/pengx17/logseq-dev-theme/commit/46463c8348bb561c7662fa2609565e73bfde30a3)) 883 | 884 | # [1.11.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.10.12...v1.11.0) (2021-07-21) 885 | 886 | 887 | ### Features 888 | 889 | * renew selection color ([7ca4f39](https://github.com/pengx17/logseq-dev-theme/commit/7ca4f398016a270846b840fe28aa444019f8b0f9)) 890 | 891 | ## [1.10.12](https://github.com/pengx17/logseq-dev-theme/compare/v1.10.11...v1.10.12) (2021-07-21) 892 | 893 | 894 | ### Bug Fixes 895 | 896 | * fix wrong selector ([b6a8424](https://github.com/pengx17/logseq-dev-theme/commit/b6a8424a1575848806ab4bcf3d3280f2afa0c47b)) 897 | 898 | ## [1.10.11](https://github.com/pengx17/logseq-dev-theme/compare/v1.10.10...v1.10.11) (2021-07-21) 899 | 900 | 901 | ### Bug Fixes 902 | 903 | * should use inline instead of inline-block ([82a671f](https://github.com/pengx17/logseq-dev-theme/commit/82a671f6576222db2b42f87d0c63aade7fb183df)) 904 | 905 | ## [1.10.10](https://github.com/pengx17/logseq-dev-theme/compare/v1.10.9...v1.10.10) (2021-07-21) 906 | 907 | 908 | ### Bug Fixes 909 | 910 | * styling issue when block-ref has scheduled property ([f05489e](https://github.com/pengx17/logseq-dev-theme/commit/f05489e158c6a19e58f0ef12176f029f3c05858e)) 911 | 912 | ## [1.10.9](https://github.com/pengx17/logseq-dev-theme/compare/v1.10.8...v1.10.9) (2021-07-21) 913 | 914 | 915 | ### Bug Fixes 916 | 917 | * threading offset ([0f26b82](https://github.com/pengx17/logseq-dev-theme/commit/0f26b820466c6cde1b8bf37cdf916329b0497051)) 918 | 919 | ## [1.10.8](https://github.com/pengx17/logseq-dev-theme/compare/v1.10.7...v1.10.8) (2021-07-21) 920 | 921 | 922 | ### Bug Fixes 923 | 924 | * thicker tag border ([34f2930](https://github.com/pengx17/logseq-dev-theme/commit/34f29307d8aef108df5bce9e274b1a95b467020a)) 925 | 926 | ## [1.10.7](https://github.com/pengx17/logseq-dev-theme/compare/v1.10.6...v1.10.7) (2021-07-21) 927 | 928 | 929 | ### Bug Fixes 930 | 931 | * do not use serif fonts ([ccfca6b](https://github.com/pengx17/logseq-dev-theme/commit/ccfca6bbae7fb64b7b3729804c2a6b6ad9c23852)) 932 | 933 | ## [1.10.6](https://github.com/pengx17/logseq-dev-theme/compare/v1.10.5...v1.10.6) (2021-07-20) 934 | 935 | 936 | ### Bug Fixes 937 | 938 | * tweak font family ([4fb1ce7](https://github.com/pengx17/logseq-dev-theme/commit/4fb1ce724b214bd39602be6e912c837febf4814a)) 939 | 940 | ## [1.10.5](https://github.com/pengx17/logseq-dev-theme/compare/v1.10.4...v1.10.5) (2021-07-20) 941 | 942 | 943 | ### Bug Fixes 944 | 945 | * make body headings a bit thinner ([5a05e4c](https://github.com/pengx17/logseq-dev-theme/commit/5a05e4cef3a17190c2a060dde18e5935a66fddb6)) 946 | 947 | ## [1.10.4](https://github.com/pengx17/logseq-dev-theme/compare/v1.10.3...v1.10.4) (2021-07-20) 948 | 949 | 950 | ### Bug Fixes 951 | 952 | * make tags a bit taller ([ac046c2](https://github.com/pengx17/logseq-dev-theme/commit/ac046c24a0a43a3da4c008ebf54cc8b55eb6fc40)) 953 | 954 | ## [1.10.3](https://github.com/pengx17/logseq-dev-theme/compare/v1.10.2...v1.10.3) (2021-07-20) 955 | 956 | 957 | ### Bug Fixes 958 | 959 | * remove unused style ([af57d25](https://github.com/pengx17/logseq-dev-theme/commit/af57d25a1e920a4b4861772fe7c6ad1f4d819c36)) 960 | 961 | ## [1.10.2](https://github.com/pengx17/logseq-dev-theme/compare/v1.10.1...v1.10.2) (2021-07-20) 962 | 963 | 964 | ### Bug Fixes 965 | 966 | * update line-heights for new fonts ([d9c3a8c](https://github.com/pengx17/logseq-dev-theme/commit/d9c3a8c6411d6a2d664f11766c31446d38d6c488)) 967 | 968 | ## [1.10.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.10.0...v1.10.1) (2021-07-20) 969 | 970 | 971 | ### Bug Fixes 972 | 973 | * repo name is too short ([b73a2f4](https://github.com/pengx17/logseq-dev-theme/commit/b73a2f4368c51bf85db8bac2e820ed3f011f87c9)) 974 | 975 | # [1.10.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.9.2...v1.10.0) (2021-07-20) 976 | 977 | 978 | ### Features 979 | 980 | * use Noto fonts globally ([45c84b7](https://github.com/pengx17/logseq-dev-theme/commit/45c84b7ddf3c3ed70a68dfc77b9a981cb567ab72)) 981 | 982 | ## [1.9.2](https://github.com/pengx17/logseq-dev-theme/compare/v1.9.1...v1.9.2) (2021-07-20) 983 | 984 | 985 | ### Bug Fixes 986 | 987 | * block/page properties should not be inline ([20de65c](https://github.com/pengx17/logseq-dev-theme/commit/20de65cf460d58952cc306afd787a3ce478d1b13)) 988 | 989 | ## [1.9.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.9.0...v1.9.1) (2021-07-19) 990 | 991 | 992 | ### Bug Fixes 993 | 994 | * remove content max-width ([b1ad85a](https://github.com/pengx17/logseq-dev-theme/commit/b1ad85a32e304c8ab9849763c9948d3174d4481c)) 995 | 996 | # [1.9.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.8.3...v1.9.0) (2021-07-19) 997 | 998 | 999 | ### Features 1000 | 1001 | * adapt right sidebar heading issue for 0.2.6 ([86a17c7](https://github.com/pengx17/logseq-dev-theme/commit/86a17c7153d1b55a3ae05c0648dcdee41f5e80b2)) 1002 | 1003 | ## [1.8.3](https://github.com/pengx17/logseq-dev-theme/compare/v1.8.2...v1.8.3) (2021-07-16) 1004 | 1005 | 1006 | ### Bug Fixes 1007 | 1008 | * [#5](https://github.com/pengx17/logseq-dev-theme/issues/5) update codemirror and page/block properties background color ([67c27b9](https://github.com/pengx17/logseq-dev-theme/commit/67c27b90520f9190282b15e026efa0e755bc8a30)) 1009 | 1010 | ## [1.8.2](https://github.com/pengx17/logseq-dev-theme/compare/v1.8.1...v1.8.2) (2021-07-14) 1011 | 1012 | 1013 | ### Bug Fixes 1014 | 1015 | * adapt new query header styles ([3d6d3a6](https://github.com/pengx17/logseq-dev-theme/commit/3d6d3a6871f7a477a03c8e603453502b5a5c496b)) 1016 | 1017 | ## [1.8.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.8.0...v1.8.1) (2021-07-10) 1018 | 1019 | 1020 | ### Bug Fixes 1021 | 1022 | * update external link color ([494e855](https://github.com/pengx17/logseq-dev-theme/commit/494e8558f8e89608b9cab9fa83add464426428be)) 1023 | 1024 | # [1.8.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.7.3...v1.8.0) (2021-07-10) 1025 | 1026 | 1027 | ### Bug Fixes 1028 | 1029 | * add missing file ([c956c91](https://github.com/pengx17/logseq-dev-theme/commit/c956c9102ea230aa6644cde1fa9194a723ed6ad1)) 1030 | 1031 | 1032 | ### Features 1033 | 1034 | * removed dotted background and adapt for new graph in 0.2.3 ([d08ba1e](https://github.com/pengx17/logseq-dev-theme/commit/d08ba1edb072cd22c6e8302e92c94b56f21ca859)) 1035 | 1036 | ## [1.7.3](https://github.com/pengx17/logseq-dev-theme/compare/v1.7.2...v1.7.3) (2021-07-08) 1037 | 1038 | 1039 | ### Bug Fixes 1040 | 1041 | * right bar header link opacity ([60207fd](https://github.com/pengx17/logseq-dev-theme/commit/60207fd06583c88d0b97fd9dbd526ba952dab7c9)) 1042 | 1043 | ## [1.7.2](https://github.com/pengx17/logseq-dev-theme/compare/v1.7.1...v1.7.2) (2021-07-08) 1044 | 1045 | 1046 | ### Bug Fixes 1047 | 1048 | * use default cursor in the header for Mac OS desktop version ([9b105b2](https://github.com/pengx17/logseq-dev-theme/commit/9b105b24cebc1c9d65e83d77e8e71c1d1dbdcaf6)) 1049 | 1050 | ## [1.7.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.7.0...v1.7.1) (2021-07-07) 1051 | 1052 | 1053 | ### Bug Fixes 1054 | 1055 | * remove figma cursor ([ec4e58c](https://github.com/pengx17/logseq-dev-theme/commit/ec4e58c92ed232378d14f7de13ad4f8006e20fb2)) 1056 | 1057 | # [1.7.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.6.1...v1.7.0) (2021-07-07) 1058 | 1059 | 1060 | ### Features 1061 | 1062 | * adopt Figma's cursor ([5c45247](https://github.com/pengx17/logseq-dev-theme/commit/5c45247fe65f01eceeeb5baec4fb2619211d2e5f)) 1063 | 1064 | ## [1.6.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.6.0...v1.6.1) (2021-07-07) 1065 | 1066 | 1067 | ### Bug Fixes 1068 | 1069 | * search input outline color ([7a78d58](https://github.com/pengx17/logseq-dev-theme/commit/7a78d58d5645d92b527748208181f07b89b32570)) 1070 | 1071 | # [1.6.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.5.9...v1.6.0) (2021-07-07) 1072 | 1073 | 1074 | ### Features 1075 | 1076 | * update some colors ([323dfc7](https://github.com/pengx17/logseq-dev-theme/commit/323dfc7a7dc561e1b5cade2fb7752d6883840551)) 1077 | 1078 | ## [1.5.9](https://github.com/pengx17/logseq-dev-theme/compare/v1.5.8...v1.5.9) (2021-07-07) 1079 | 1080 | 1081 | ### Bug Fixes 1082 | 1083 | * prepare for new mac header ([282d648](https://github.com/pengx17/logseq-dev-theme/commit/282d648c777c0058831ca7d2f964a6fe2986d1f8)) 1084 | 1085 | ## [1.5.8](https://github.com/pengx17/logseq-dev-theme/compare/v1.5.7...v1.5.8) (2021-07-06) 1086 | 1087 | 1088 | ### Bug Fixes 1089 | 1090 | * threading offset issue with Zoom issue ([7632cb9](https://github.com/pengx17/logseq-dev-theme/commit/7632cb967a48f7cdbef2654782549728c73c15ef)) 1091 | 1092 | ## [1.5.7](https://github.com/pengx17/logseq-dev-theme/compare/v1.5.6...v1.5.7) (2021-07-06) 1093 | 1094 | 1095 | ### Bug Fixes 1096 | 1097 | * update custom.css manually ([5e6f0d6](https://github.com/pengx17/logseq-dev-theme/commit/5e6f0d6fca2b7a06cf973af7193aaa999d780b40)) 1098 | 1099 | ## [1.5.6](https://github.com/pengx17/logseq-dev-theme/compare/v1.5.5...v1.5.6) (2021-07-06) 1100 | 1101 | 1102 | ### Bug Fixes 1103 | 1104 | * adjust the title height to prepare for new electron header on Mac ([7bc09b0](https://github.com/pengx17/logseq-dev-theme/commit/7bc09b01f38715ca06148540bd3d7f4a877bbbf9)) 1105 | 1106 | ## [1.5.5](https://github.com/pengx17/logseq-dev-theme/compare/v1.5.4...v1.5.5) (2021-07-03) 1107 | 1108 | 1109 | ### Bug Fixes 1110 | 1111 | * add a bottom-border to right sidebar items ([e22f96c](https://github.com/pengx17/logseq-dev-theme/commit/e22f96c5fa54c4de8ebafecf7bfd5208e7f4ea87)) 1112 | 1113 | ## [1.5.4](https://github.com/pengx17/logseq-dev-theme/compare/v1.5.3...v1.5.4) (2021-07-02) 1114 | 1115 | 1116 | ### Bug Fixes 1117 | 1118 | * disable threading transition ([c10c930](https://github.com/pengx17/logseq-dev-theme/commit/c10c930512a5a9af49d0cceeca68705beee5a2b2)) 1119 | 1120 | ## [1.5.3](https://github.com/pengx17/logseq-dev-theme/compare/v1.5.2...v1.5.3) (2021-07-01) 1121 | 1122 | 1123 | ### Bug Fixes 1124 | 1125 | * do not draw parent level border when it has no child ([3e2c976](https://github.com/pengx17/logseq-dev-theme/commit/3e2c9762ba5d414df16ce9ea54de2c419853edff)) 1126 | 1127 | ## [1.5.2](https://github.com/pengx17/logseq-dev-theme/compare/v1.5.1...v1.5.2) (2021-07-01) 1128 | 1129 | 1130 | ### Bug Fixes 1131 | 1132 | * adjust priority tooltip ([5fc4ad0](https://github.com/pengx17/logseq-dev-theme/commit/5fc4ad08924a43e0c2d0b563698b326053c03ec4)) 1133 | 1134 | ## [1.5.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.5.0...v1.5.1) (2021-06-30) 1135 | 1136 | 1137 | ### Bug Fixes 1138 | 1139 | * threading should not have pointer events ([496818a](https://github.com/pengx17/logseq-dev-theme/commit/496818a854dd1279eec5123c2711364df79e770f)) 1140 | 1141 | # [1.5.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.4.7...v1.5.0) (2021-06-30) 1142 | 1143 | 1144 | ### Features 1145 | 1146 | * support multiline block parent ([22aad52](https://github.com/pengx17/logseq-dev-theme/commit/22aad52dc5fc845782190f95c827bf244b7bdfd4)) 1147 | 1148 | ## [1.4.7](https://github.com/pengx17/logseq-dev-theme/compare/v1.4.6...v1.4.7) (2021-06-30) 1149 | 1150 | 1151 | ### Bug Fixes 1152 | 1153 | * compatibility issue on safari ([78ca790](https://github.com/pengx17/logseq-dev-theme/commit/78ca790decc3677088cc218bed11aed5b086c491)) 1154 | 1155 | ## [1.4.6](https://github.com/pengx17/logseq-dev-theme/compare/v1.4.5...v1.4.6) (2021-06-30) 1156 | 1157 | 1158 | ### Bug Fixes 1159 | 1160 | * cleanup ([ea57234](https://github.com/pengx17/logseq-dev-theme/commit/ea57234e1603c1c0231f39da6fc5d3685e4c2604)) 1161 | 1162 | ## [1.4.5](https://github.com/pengx17/logseq-dev-theme/compare/v1.4.4...v1.4.5) (2021-06-30) 1163 | 1164 | 1165 | ### Bug Fixes 1166 | 1167 | * adjust threading curve ([c5123e4](https://github.com/pengx17/logseq-dev-theme/commit/c5123e48332092285f105d158e59134c3bea4aba)) 1168 | 1169 | ## [1.4.4](https://github.com/pengx17/logseq-dev-theme/compare/v1.4.3...v1.4.4) (2021-06-30) 1170 | 1171 | 1172 | ### Bug Fixes 1173 | 1174 | * backdrop-filter compatibility fix ([c3e199b](https://github.com/pengx17/logseq-dev-theme/commit/c3e199be3acee42274c5a846deed52a3c04b75a9)) 1175 | 1176 | ## [1.4.3](https://github.com/pengx17/logseq-dev-theme/compare/v1.4.2...v1.4.3) (2021-06-30) 1177 | 1178 | 1179 | ### Bug Fixes 1180 | 1181 | * **threading:** fix threading for block views ([0a7f3ef](https://github.com/pengx17/logseq-dev-theme/commit/0a7f3ef6bc43a35ba791de8f5a1cd1fc77d39083)) 1182 | 1183 | ## [1.4.2](https://github.com/pengx17/logseq-dev-theme/compare/v1.4.1...v1.4.2) (2021-06-30) 1184 | 1185 | 1186 | ### Bug Fixes 1187 | 1188 | * **threading:** fix threading offset ([da7675f](https://github.com/pengx17/logseq-dev-theme/commit/da7675f4eea6ca36f5a3199780ca66ed6af4628f)) 1189 | 1190 | ## [1.4.1](https://github.com/pengx17/logseq-dev-theme/compare/v1.4.0...v1.4.1) (2021-06-30) 1191 | 1192 | 1193 | ### Bug Fixes 1194 | 1195 | * add transition to threading ([1c77cad](https://github.com/pengx17/logseq-dev-theme/commit/1c77cadfd04d16f52997d2f23fecec2553051691)) 1196 | 1197 | # [1.4.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.3.0...v1.4.0) (2021-06-30) 1198 | 1199 | 1200 | ### Features 1201 | 1202 | * **progress:** add progress styles ([7a9eace](https://github.com/pengx17/logseq-dev-theme/commit/7a9eace6184ebf6df524661f5739bc67e2f3e118)) 1203 | 1204 | # [1.3.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.2.8...v1.3.0) (2021-06-29) 1205 | 1206 | 1207 | ### Features 1208 | 1209 | * **block:** add detaild tracing for editing block ([e59450d](https://github.com/pengx17/logseq-dev-theme/commit/e59450dab4f2d3a582a80a26fcd513ffe5e816c1)) 1210 | 1211 | ## [1.2.8](https://github.com/pengx17/logseq-dev-theme/compare/v1.2.7...v1.2.8) (2021-06-29) 1212 | 1213 | 1214 | ### Bug Fixes 1215 | 1216 | * **image:** adjust dark theme filter ([eb87572](https://github.com/pengx17/logseq-dev-theme/commit/eb875722735c63edacb0e1df4fea2fe382b15aad)) 1217 | 1218 | ## [1.2.7](https://github.com/pengx17/logseq-dev-theme/compare/v1.2.6...v1.2.7) (2021-06-29) 1219 | 1220 | 1221 | ### Bug Fixes 1222 | 1223 | * **image:** adjust dark theme filter ([fb8123b](https://github.com/pengx17/logseq-dev-theme/commit/fb8123b11455c406c6ba38b1b65a12865c5f1464)) 1224 | 1225 | ## [1.2.6](https://github.com/pengx17/logseq-dev-theme/compare/v1.2.5...v1.2.6) (2021-06-29) 1226 | 1227 | 1228 | ### Bug Fixes 1229 | 1230 | * **preview:** title color for namespace ([cf2c381](https://github.com/pengx17/logseq-dev-theme/commit/cf2c381044c25151dffd05eedea37d4b895b25cb)) 1231 | 1232 | ## [1.2.5](https://github.com/pengx17/logseq-dev-theme/compare/v1.2.4...v1.2.5) (2021-06-29) 1233 | 1234 | 1235 | ### Bug Fixes 1236 | 1237 | * fix title for namespace preview ([3668343](https://github.com/pengx17/logseq-dev-theme/commit/36683430c7c5adc5437e31bf765dff82b5ffa9f0)) 1238 | 1239 | ## [1.2.4](https://github.com/pengx17/logseq-dev-theme/compare/v1.2.3...v1.2.4) (2021-06-28) 1240 | 1241 | 1242 | ### Bug Fixes 1243 | 1244 | * adjustt title font weight ([2b73c17](https://github.com/pengx17/logseq-dev-theme/commit/2b73c17206d7c0ba86d98a3c718cefbba6e9ac01)) 1245 | * revert back mark style ([e0086ca](https://github.com/pengx17/logseq-dev-theme/commit/e0086cab7234baa5c16f09ea0f53f42160d6018d)) 1246 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2021 Peng Xiao 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /bullet_threading.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --ls-block-bullet-active-color: var( 3 | --ls-block-bullet-threading-active-color-overwrite, 4 | var(--ls-link-text-color) 5 | ); 6 | --ls-block-bullet-threading-width: var( 7 | --ls-block-bullet-threading-width-overwrite, 8 | 1px 9 | ); 10 | } 11 | 12 | .block-control { 13 | z-index: 1; 14 | } 15 | 16 | .block-children { 17 | border-left-color: var(--ls-guideline-color); 18 | border-left-width: var(--ls-block-bullet-threading-width) !important; 19 | } 20 | 21 | .block-children-container { 22 | position: relative; 23 | } 24 | 25 | .block-children-left-border { 26 | z-index: 1; 27 | position: absolute; 28 | height: 100%; 29 | width: 4px; 30 | padding-right: 0px; 31 | border-radius: 2px; 32 | background-color: transparent; 33 | left: -1px; 34 | transition: background-color 0.2s; 35 | } 36 | 37 | .block-children-left-border:hover { 38 | background-color: var(--ls-block-bullet-active-color); 39 | } 40 | 41 | .block-content-wrapper { 42 | position: relative; 43 | overflow-x: visible !important; 44 | /* Fixme: overflow? */ 45 | } 46 | 47 | .bullet-container { 48 | height: 14px !important; 49 | width: 14px !important; 50 | position: relative; 51 | transform: translate(1px, -1px); 52 | } 53 | 54 | /* Block bullet path should only show in a nested block */ 55 | .ls-block { 56 | /* Fix for headings like h1, h2 etc */ 57 | /* Basic "curve" */ 58 | /* Fix multi-line blocks with children */ 59 | } 60 | .ls-block .bullet { 61 | background-color: var(--ls-block-bullet-active-color); 62 | box-shadow: 0 0 0 1px var(--ls-block-bullet-active-color); 63 | } 64 | .ls-block div.block-control-wrap { 65 | position: relative; 66 | height: 26px !important; 67 | } 68 | .ls-block > .items-baseline { 69 | align-items: initial; 70 | } 71 | .ls-block:not(:focus-within) .bullet { 72 | background-color: var(--ls-block-bullet-color); 73 | transform: scale(1); 74 | box-shadow: none; 75 | } 76 | .ls-block:not(:focus-within) > .items-baseline { 77 | align-items: baseline; 78 | } 79 | .ls-block .ls-block > div > div.items-center::before { 80 | pointer-events: none; 81 | content: ""; 82 | left: calc(var(--ls-block-bullet-threading-width) * -1); 83 | right: 20px; 84 | top: calc(-50% + var(--ls-block-bullet-threading-width) * 0.5 - 1px); 85 | bottom: 50%; 86 | /* shift left 1px for border */ 87 | position: absolute; 88 | border-left: var(--ls-block-bullet-threading-width) solid transparent; 89 | border-bottom: var(--ls-block-bullet-threading-width) solid transparent; 90 | border-bottom-left-radius: 10px; 91 | } 92 | .ls-block .ls-block:focus-within > div > div.items-center::before { 93 | border-color: var(--ls-block-bullet-active-color); 94 | } 95 | .ls-block .block-children > .ls-block::before { 96 | pointer-events: none; 97 | content: ""; 98 | top: -1rem; 99 | bottom: 0; 100 | border-left: var(--ls-block-bullet-threading-width) solid transparent; 101 | left: calc(var(--ls-block-bullet-threading-width) * -1); 102 | position: absolute; 103 | } 104 | .ls-block .block-children:focus-within > .ls-block:not(:focus-within)::before { 105 | border-color: var(--ls-block-bullet-active-color); 106 | } 107 | .ls-block .block-children:focus-within > .ls-block:focus-within ~ .ls-block::before { 108 | border-color: transparent; 109 | } 110 | .ls-block[haschild] > div > .block-content-wrapper::before { 111 | pointer-events: none; 112 | content: ""; 113 | top: 12px; 114 | bottom: 0; 115 | left: -21px; 116 | position: absolute; 117 | border-left: var(--ls-block-bullet-threading-width) solid transparent; 118 | } 119 | .ls-block[haschild]:focus-within > div > .block-content-wrapper::before { 120 | border-color: var(--ls-block-bullet-active-color); 121 | } 122 | 123 | :is(.embed-block > div, .embed-page) > div > div > div > div.ls-block > div > div.items-center::before { 124 | border-color: transparent !important; 125 | } 126 | 127 | @media (max-width: 640px) { 128 | .ls-block[haschild] > div > .block-content-wrapper::before { 129 | left: -11px; 130 | } 131 | } 132 | /* Disable for doc mode */ 133 | .doc-mode div.items-center::before, 134 | .doc-mode div.items-center::after, 135 | .doc-mode .ls-block::before, 136 | .doc-mode .ls-block::after { 137 | display: none; 138 | } 139 | 140 | .doc-mode .block-children { 141 | border-left-width: 0px !important; 142 | } 143 | -------------------------------------------------------------------------------- /custom.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Fira+Code"); 2 | @import url("https://cdn.jsdelivr.net/gh/adobe-fonts/source-sans@3.046R/source-sans-3VF.css"); 3 | @font-face { 4 | font-family: "Source Han Sans VF"; 5 | font-weight: 200 900; 6 | font-style: normal; 7 | font-stretch: normal; 8 | src: url("https://cdn.jsdelivr.net/gh/adobe-fonts/source-han-sans@release/Variable/WOFF2/OTF/Subset/SourceHanSansCN-VF.otf.woff2"); 9 | } 10 | @font-face { 11 | font-family: "Only Emoji"; 12 | src: local("Apple Color Emoji"), local("Android Emoji"), local("Segoe UI Emoji"), local("Segoe UI"); 13 | unicode-range: U+200D, U+2049, U+20E3, U+2117, U+2120, U+2122, U+2139, U+2194-2199, U+21A9, U+21AA, U+229C, U+231A, U+231B, U+2328, U+23CF, U+23E9-23F3, U+23F8-23FE, U+24C2, U+25A1, U+25AA-25AD, U+25B6, U+25C0, U+25D0, U+25D1, U+25E7-25EA, U+25ED, U+25EE, U+25FB-25FE, U+2600-2605, U+260E, U+2611, U+2614, U+2615, U+2618, U+261D, U+2620, U+2622, U+2623, U+2626, U+262A, U+262E, U+262F, U+2638-263A, U+2640, U+2642, U+2648-2653, U+265F, U+2660, U+2663, U+2665, U+2666, U+2668, U+267B, U+267E, U+267F, U+2691-2697, U+2699, U+269B, U+269C, U+26A0, U+26A1, U+26A7, U+26AA, U+26AB, U+26B0, U+26B1, U+26BD, U+26BE, U+26C4, U+26C5, U+26C8, U+26CE, U+26CF, U+26D1, U+26D3, U+26D4, U+26E9, U+26EA, U+26F0-26F5, U+26F7-26FA, U+26FD, U+2702, U+2705, U+2708-270D, U+270F, U+2712, U+2714, U+2716, U+271D, U+2721, U+2728, U+2733, U+2734, U+2744, U+2747, U+274C, U+274E, U+2753-2755, U+2757, U+2763, U+2764, U+2795-2797, U+27A1, U+27B0, U+27BF, U+2934, U+2935, U+2B05-2B07, U+2B0C, U+2B0D, U+2B1B, U+2B1C, U+2B1F-2B24, U+2B2E, U+2B2F, U+2B50, U+2B55, U+2B58, U+2B8F, U+2BBA-2BBC, U+2BC3, U+2BC4, U+2BEA, U+2BEB, U+3030, U+303D, U+3297, U+3299, U+E000-E009, U+E010, U+E011, U+E040-E04B, U+E050-E058, U+E080-E0B4, U+E0C0-E0CA, U+E0FF-E10D, U+E140-E144, U+E146-E149, U+E150-E157, U+E181-E188, U+E1C0-E1C4, U+E1C6-E1D7, U+E200-E20E, U+E240-E269, U+E280-E283, U+E2C0-E2C4, U+E2C6-E2DA, U+E300-E303, U+E305-E30F, U+E312-E316, U+E318-E322, U+E324-E329, U+E32B, U+E340-E348, U+E380, U+E381, U+F000, U+F8FF, U+FE0F, U+1F004, U+1F0CF, U+1F10D-1F10F, U+1F12F, U+1F16D-1F171, U+1F17E, U+1F17F, U+1F18E, U+1F191-1F19A, U+1F1E6-1F1FF, U+1F201, U+1F202, U+1F21A, U+1F22F, U+1F232-1F23A, U+1F250, U+1F251, U+1F300-1F321, U+1F324-1F393, U+1F396, U+1F397, U+1F399-1F39B, U+1F39E-1F3F0, U+1F3F3-1F3F5, U+1F3F7-1F4FD, U+1F4FF-1F53D, U+1F549-1F54E, U+1F550-1F567, U+1F56F, U+1F570, U+1F573-1F57A, U+1F587, U+1F58A-1F58D, U+1F590, U+1F595, U+1F596, U+1F5A4, U+1F5A5, U+1F5A8, U+1F5B1, U+1F5B2, U+1F5BC, U+1F5C2-1F5C4, U+1F5D1-1F5D3, U+1F5DC-1F5DE, U+1F5E1, U+1F5E3, U+1F5E8, U+1F5EF, U+1F5F3, U+1F5FA-1F64F, U+1F680-1F6C5, U+1F6CB-1F6D2, U+1F6D5-1F6D7, U+1F6E0-1F6E5, U+1F6E9, U+1F6EB, U+1F6EC, U+1F6F0, U+1F6F3-1F6FC, U+1F7E0-1F7EB, U+1F90C-1F93A, U+1F93C-1F945, U+1F947-1F978, U+1F97A-1F9CB, U+1F9CD-1F9FF, U+1FA70-1FA74, U+1FA78-1FA7A, U+1FA80-1FA86, U+1FA90-1FAA8, U+1FAB0-1FAB6, U+1FAC0-1FAC2, U+1FAD0-1FAD6, U+1FBC5-1FBC9, U+E0061-E0067, U+E006C, U+E006E, U+E0070-E0079, U+E007F; 14 | } 15 | :root { 16 | --ct-text-size: 16px; 17 | --ct-line-height: 1.6; 18 | --ls-font-family: "Only Emoji", "Source Sans 3 VF", "Source Han Sans VF", 19 | sans-serif; 20 | --ct-page-title-font-family: var(--ls-font-family); 21 | --ct-code-font-family: "Fira Code", monospace; 22 | } 23 | 24 | html, 25 | body { 26 | font-size: var(--ct-text-size); 27 | font-family: var(--ls-font-family); 28 | overscroll-behavior-y: none; 29 | -webkit-font-smoothing: auto; 30 | line-height: var(--ct-line-height); 31 | } 32 | 33 | textarea { 34 | line-height: var(--ct-line-height); 35 | } 36 | 37 | i { 38 | font-family: "Only Emoji", "Source Sans 3 VF", sans-serif; 39 | } 40 | 41 | :root { 42 | --ct-background: var(--ls-primary-background-color); 43 | --ct-page-font-color: var(--ls-primary-text-color); 44 | } 45 | 46 | :root.is-mac.is-electron { 47 | --ct-header-height: 48px; 48 | } 49 | 50 | ::selection { 51 | background: var(--ct-primary-color); 52 | color: var(--ls-selection-color); 53 | } 54 | 55 | /* Some tweaks on making this theme a bit more compact on mobile. 56 | Mobile cap is 640px */ 57 | @media (max-width: 640px) { 58 | html { 59 | font-size: 14px; 60 | } 61 | 62 | .cp__sidebar-main-content > div { 63 | padding: 1px 1em 1em 1em !important; 64 | border: none; 65 | } 66 | 67 | a.title h1.title { 68 | font-size: 24px; 69 | margin-bottom: 1rem; 70 | } 71 | 72 | .custom-query { 73 | padding: 0 1rem; 74 | } 75 | } 76 | /* Fix iphone issues */ 77 | html.is-native-iphone #left-sidebar { 78 | top: 0 !important; 79 | } 80 | 81 | /** 82 | * Journal page is too long for empty journals 83 | */ 84 | #journals .journal-item:first-child { 85 | min-height: fit-content; 86 | } 87 | 88 | .cp__header, 89 | .cp__right-sidebar-topbar { 90 | background: var(--ct-header-bg-color); 91 | } 92 | 93 | @supports not ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { 94 | .sidebar-item.content > div > div:first-of-type { 95 | background: var(--ct-header-bg-color); 96 | } 97 | } 98 | @supports (-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px)) { 99 | .sidebar-item.content > div > div:first-of-type { 100 | -webkit-backdrop-filter: blur(20px); 101 | backdrop-filter: blur(20px); 102 | background-color: transparent; 103 | } 104 | } 105 | :not(.color-level) .color-level { 106 | box-shadow: 0 0 0 2px var(--color-level-2); 107 | } 108 | 109 | .scrollbar-spacing { 110 | height: 100%; 111 | overflow: auto !important; 112 | scrollbar-gutter: stable; 113 | } 114 | 115 | :root { 116 | --ct-sidebar-resizer-background: var(--ls-secondary-background-color); 117 | --ct-sidebar-resizer-background-hover: var(--ct-primary-color); 118 | } 119 | 120 | .theme-inner { 121 | background: var(--ls-primary-background-color); 122 | } 123 | 124 | .page { 125 | margin-top: 0; 126 | } 127 | 128 | /* Right side bar */ 129 | .cp__right-sidebar-inner { 130 | --ct-sidebar-padding: 0.5rem; 131 | } 132 | 133 | .cp__right-sidebar.is-open { 134 | background: var(--ct-sidebar-background); 135 | } 136 | 137 | .cp__right-sidebar .sidebar-item { 138 | margin: var(--ct-sidebar-padding) 0; 139 | border-radius: 2px; 140 | } 141 | 142 | .cp__right-sidebar { 143 | color: var(--ct-sidebar-font-color); 144 | } 145 | 146 | .sidebar-item-list { 147 | padding-top: var(--ct-header-height); 148 | position: absolute; 149 | top: 0; 150 | width: 100%; 151 | padding-left: 1rem; 152 | padding-right: 1rem; 153 | } 154 | 155 | /* Right sidebar title */ 156 | .sidebar-item .ml-1:not(.text-sm) { 157 | font-size: 1.2em; 158 | font-weight: bold; 159 | margin-left: 4px; 160 | font-family: var(--ct-page-title-font-family); 161 | } 162 | 163 | .sidebar-item .ml-1 a { 164 | color: var(--ls-primary-text-color); 165 | } 166 | 167 | .sidebar-item.content > div > div:first-of-type { 168 | position: sticky; 169 | top: 0; 170 | padding: 1rem; 171 | margin: -1rem; 172 | z-index: 10; 173 | } 174 | 175 | .sidebar-item.content > div > div:first-of-type + div { 176 | margin-top: 1.5rem; 177 | } 178 | 179 | .cp__right-sidebar-inner .resizer { 180 | background: var(--ct-sidebar-resizer-background); 181 | width: var(--ct-sidebar-padding); 182 | touch-action: none; 183 | z-index: 2000; 184 | opacity: 1; 185 | transition: background-color 0.2s 0.1s; 186 | } 187 | 188 | .cp__right-sidebar-inner .resizer:hover { 189 | opacity: 1; 190 | background: var(--ct-sidebar-resizer-background-hover); 191 | } 192 | 193 | .cp__right-sidebar, 194 | .cp__sidebar-main-layout { 195 | background-color: transparent; 196 | } 197 | 198 | /* Journals */ 199 | #journals .journal-item:first-child { 200 | margin-top: 0.5em; 201 | } 202 | 203 | #left-sidebar { 204 | height: 100%; 205 | padding-top: var(--ct-header-height); 206 | } 207 | 208 | .left-sidebar-inner { 209 | height: 100%; 210 | } 211 | 212 | .left-sidebar-inner > .wrap { 213 | margin-top: 0; 214 | padding-top: 12px; 215 | padding-bottom: 12px; 216 | } 217 | 218 | .left-sidebar-inner a.item > span { 219 | transform: translateY(2px); 220 | margin-top: 0; 221 | } 222 | 223 | .left-sidebar-inner .new-page { 224 | position: absolute; 225 | bottom: 0; 226 | } 227 | 228 | .left-sidebar-inner .nav-content-item { 229 | font-size: 0.875rem; 230 | font-weight: 500; 231 | } 232 | 233 | :root { 234 | --ct-page-title-color: var(--ct-bold-color); 235 | --ct-page-title-font-size: 36px; 236 | --ct-page-title-line-height: 40px; 237 | --ct-page-title-font-weight: 300; 238 | --ct-page-title-font-style: normal; 239 | --ct-heading-font-family: var(--ct-page-title-font-family); 240 | --ct-heading-font-size: 25px; 241 | --ct-heading-font-weight: 700; 242 | --ct-heading-font-style: normal; 243 | --ct-header-height: calc(var(--ls-headbar-height) + var(--ls-headbar-inner-top-padding)); 244 | --ct-topbar-backdrop: blur(20px); 245 | } 246 | 247 | /* Heading & Page title */ 248 | h1.title { 249 | margin-top: 8px; 250 | font-family: var(--ct-page-title-font-family); 251 | font-size: var(--ct-page-title-font-size); 252 | font-weight: var(--ct-page-title-font-weight); 253 | font-style: var(--ct-page-title-font-style); 254 | color: var(--ct-page-title-color); 255 | line-height: var(--ct-page-title-line-height); 256 | text-shadow: var(--ct-page-title-text-shadow, none); 257 | } 258 | 259 | a.title h1.title { 260 | margin-top: 0; 261 | text-shadow: var(--ct-page-title-text-shadow, none); 262 | } 263 | 264 | .ls-block h2 { 265 | font-family: var(--ct-heading-font-family); 266 | font-weight: var(--ct-heading-font-weight); 267 | font-style: var(--ct-heading-font-style); 268 | color: var(--ct-heading-color); 269 | text-shadow: var(--ct-heading-text-shadow, none); 270 | } 271 | 272 | .cp__header::after, 273 | .cp__right-sidebar-topbar::after { 274 | left: 0; 275 | right: 0; 276 | height: 1px; 277 | z-index: 1; 278 | position: absolute; 279 | top: 100%; 280 | background-color: rgba(0, 0, 0, 0.16); 281 | display: block; 282 | content: ""; 283 | } 284 | 285 | .cp__header.electron-mac { 286 | height: var(--ct-header-height); 287 | } 288 | 289 | #search { 290 | padding: 0; 291 | align-self: stretch; 292 | } 293 | 294 | #search > .inner { 295 | display: flex; 296 | align-items: center; 297 | } 298 | 299 | #repo-switch { 300 | white-space: nowrap; 301 | } 302 | 303 | #repo-name { 304 | max-width: 150px; 305 | } 306 | 307 | .cp__right-sidebar-settings a { 308 | opacity: 0.6; 309 | } 310 | .cp__right-sidebar-settings a:hover { 311 | opacity: 1; 312 | } 313 | 314 | .ls-block :is(h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5) { 315 | font-family: var(--ct-page-title-font-family); 316 | } 317 | 318 | .ls-block :is(h1, h2, .h1, .h2) { 319 | font-weight: var(--ct-page-title-font-weight); 320 | } 321 | 322 | .ls-block :is(h3, h4, .h3, .h4) { 323 | margin: 0.3em 0 0; 324 | } 325 | 326 | .ls-block :is(h4, .h4) { 327 | opacity: 0.8; 328 | } 329 | 330 | .ls-block .block-ref :is(h1, h2, h3, h4, h5) { 331 | font-size: 1em; 332 | } 333 | 334 | .ls-block :is(h1, h2, h3, h4, h5)::after { 335 | margin-left: 0.5rem; 336 | font-family: var(--ct-code-font-family); 337 | font-size: 0.6rem; 338 | font-style: var(--ct-inline-code-font-style) !important; 339 | border-radius: var(--ct-inline-code-border-radius); 340 | padding: var(--ct-inline-code-padding) !important; 341 | background: var(--ls-tertiary-background-color); 342 | color: var(--ct-inline-code-color); 343 | vertical-align: middle; 344 | opacity: 0.3; 345 | } 346 | 347 | .ls-block :is(h1, h2, h3, h4, h5):hover::after { 348 | opacity: 1; 349 | } 350 | 351 | .ls-block h1::after { 352 | content: "h1"; 353 | } 354 | 355 | .ls-block h2::after { 356 | content: "h2"; 357 | } 358 | 359 | .ls-block h3::after { 360 | content: "h3"; 361 | } 362 | 363 | .ls-block h4::after { 364 | content: "h4"; 365 | } 366 | 367 | .ls-block h5::after { 368 | content: "h5"; 369 | } 370 | 371 | :root { 372 | --ls-block-bullet-active-color: var( 373 | --ls-block-bullet-threading-active-color-overwrite, 374 | var(--ls-link-text-color) 375 | ); 376 | --ls-block-bullet-threading-width: var( 377 | --ls-block-bullet-threading-width-overwrite, 378 | 1px 379 | ); 380 | } 381 | 382 | .block-control { 383 | z-index: 1; 384 | } 385 | 386 | .block-children { 387 | border-left-color: var(--ls-guideline-color); 388 | border-left-width: var(--ls-block-bullet-threading-width) !important; 389 | } 390 | 391 | .block-children-container { 392 | position: relative; 393 | } 394 | 395 | .block-children-left-border { 396 | z-index: 1; 397 | position: absolute; 398 | height: 100%; 399 | width: 4px; 400 | padding-right: 0px; 401 | border-radius: 2px; 402 | background-color: transparent; 403 | left: -1px; 404 | transition: background-color 0.2s; 405 | } 406 | 407 | .block-children-left-border:hover { 408 | background-color: var(--ls-block-bullet-active-color); 409 | } 410 | 411 | .block-content-wrapper { 412 | position: relative; 413 | overflow-x: visible !important; 414 | /* Fixme: overflow? */ 415 | } 416 | 417 | .bullet-container { 418 | height: 14px !important; 419 | width: 14px !important; 420 | position: relative; 421 | transform: translate(1px, -1px); 422 | } 423 | 424 | /* Block bullet path should only show in a nested block */ 425 | .ls-block { 426 | /* Fix for headings like h1, h2 etc */ 427 | /* Basic "curve" */ 428 | /* Fix multi-line blocks with children */ 429 | } 430 | .ls-block .bullet { 431 | background-color: var(--ls-block-bullet-active-color); 432 | box-shadow: 0 0 0 1px var(--ls-block-bullet-active-color); 433 | } 434 | .ls-block div.block-control-wrap { 435 | position: relative; 436 | height: 26px !important; 437 | } 438 | .ls-block > .items-baseline { 439 | align-items: initial; 440 | } 441 | .ls-block:not(:focus-within) .bullet { 442 | background-color: var(--ls-block-bullet-color); 443 | transform: scale(1); 444 | box-shadow: none; 445 | } 446 | .ls-block:not(:focus-within) > .items-baseline { 447 | align-items: baseline; 448 | } 449 | .ls-block .ls-block > div > div.items-center::before { 450 | pointer-events: none; 451 | content: ""; 452 | left: calc(var(--ls-block-bullet-threading-width) * -1); 453 | right: 20px; 454 | top: calc(-50% + var(--ls-block-bullet-threading-width) * 0.5 - 1px); 455 | bottom: 50%; 456 | /* shift left 1px for border */ 457 | position: absolute; 458 | border-left: var(--ls-block-bullet-threading-width) solid transparent; 459 | border-bottom: var(--ls-block-bullet-threading-width) solid transparent; 460 | border-bottom-left-radius: 10px; 461 | } 462 | .ls-block .ls-block:focus-within > div > div.items-center::before { 463 | border-color: var(--ls-block-bullet-active-color); 464 | } 465 | .ls-block .block-children > .ls-block::before { 466 | pointer-events: none; 467 | content: ""; 468 | top: -1rem; 469 | bottom: 0; 470 | border-left: var(--ls-block-bullet-threading-width) solid transparent; 471 | left: calc(var(--ls-block-bullet-threading-width) * -1); 472 | position: absolute; 473 | } 474 | .ls-block .block-children:focus-within > .ls-block:not(:focus-within)::before { 475 | border-color: var(--ls-block-bullet-active-color); 476 | } 477 | .ls-block .block-children:focus-within > .ls-block:focus-within ~ .ls-block::before { 478 | border-color: transparent; 479 | } 480 | .ls-block[haschild] > div > .block-content-wrapper::before { 481 | pointer-events: none; 482 | content: ""; 483 | top: 12px; 484 | bottom: 0; 485 | left: -21px; 486 | position: absolute; 487 | border-left: var(--ls-block-bullet-threading-width) solid transparent; 488 | } 489 | .ls-block[haschild]:focus-within > div > .block-content-wrapper::before { 490 | border-color: var(--ls-block-bullet-active-color); 491 | } 492 | 493 | :is(.embed-block > div, .embed-page) > div > div > div > div.ls-block > div > div.items-center::before { 494 | border-color: transparent !important; 495 | } 496 | 497 | @media (max-width: 640px) { 498 | .ls-block[haschild] > div > .block-content-wrapper::before { 499 | left: -11px; 500 | } 501 | } 502 | /* Disable for doc mode */ 503 | .doc-mode div.items-center::before, 504 | .doc-mode div.items-center::after, 505 | .doc-mode .ls-block::before, 506 | .doc-mode .ls-block::after { 507 | display: none; 508 | } 509 | 510 | .doc-mode .block-children { 511 | border-left-width: 0px !important; 512 | } 513 | 514 | :root { 515 | --ct-bullet-size: 6px; 516 | --ct-block-max-width: calc(100% - 38px); 517 | } 518 | 519 | /* block reference */ 520 | .block-ref { 521 | display: inline; 522 | font-size: inherit; 523 | border-bottom-color: var(--ct-primary-color); 524 | border-bottom-style: dashed; 525 | } 526 | 527 | .block-body { 528 | width: 100%; 529 | } 530 | 531 | .block-body .raw_html { 532 | max-width: 100%; 533 | } 534 | 535 | .block-ref .block-body { 536 | display: inline-block; 537 | } 538 | 539 | .block-ref div { 540 | display: inline; 541 | } 542 | 543 | .block-ref .block-body > .cp__fenced-code-block div { 544 | display: block !important; 545 | } 546 | 547 | .block-ref .flex.flex-row.justify-between { 548 | display: inline; 549 | } 550 | 551 | .block-ref .block-ref { 552 | display: inline; 553 | padding: 0 0 0 0.2em; 554 | } 555 | 556 | .open-block-ref-link { 557 | opacity: 1; 558 | font-weight: 600; 559 | font-variant-numeric: tabular-nums; 560 | } 561 | 562 | .bullet-container .bullet { 563 | width: var(--ct-bullet-size); 564 | height: var(--ct-bullet-size); 565 | transform: scale(1.2); 566 | } 567 | 568 | .bullet-container.bullet-closed .bullet { 569 | background-color: var(--ls-primary-background-color); 570 | box-shadow: 0 0 1px 2px var(--ls-block-bullet-border-color); 571 | } 572 | 573 | a:hover > .bullet-container .bullet { 574 | opacity: 1; 575 | } 576 | 577 | .block-control svg { 578 | color: var(--ct-block-arrow-color); 579 | } 580 | 581 | .block-control:hover svg { 582 | filter: drop-shadow(2px 4px 6px black); 583 | } 584 | 585 | .block-control .rotating-arrow { 586 | display: block; 587 | border-radius: 50%; 588 | background-color: var(--ls-primary-background-color); 589 | width: 1rem; 590 | height: 1rem; 591 | margin-left: 2px; 592 | margin-top: 2px; 593 | box-shadow: 0 0 4px 2px var(--ls-primary-background-color); 594 | } 595 | 596 | .block-control .rotating-arrow > svg { 597 | margin-left: 0 !important; 598 | } 599 | 600 | .ls-block div.block-control-wrap { 601 | position: relative; 602 | height: 26px !important; 603 | } 604 | 605 | .block-content-wrapper > div > .block-content > span > span > :first-child { 606 | position: relative; 607 | } 608 | .block-content-wrapper > div > .block-content > span > span > :first-child::before { 609 | content: ""; 610 | display: block; 611 | position: absolute; 612 | width: 4px; 613 | height: 10px; 614 | top: calc(50% - 5px); 615 | left: -8px; 616 | transform: scaleY(0.5); 617 | transition: all 0.2s; 618 | opacity: 0; 619 | background: var(--ct-primary-color); 620 | border-radius: 2px; 621 | } 622 | .block-content-wrapper > div > .block-content:hover > span > span > :first-child::before { 623 | opacity: 1; 624 | transform: scaleY(1); 625 | } 626 | 627 | /* Block oversize issue */ 628 | .block-content-wrapper { 629 | max-width: var(--ct-block-max-width); 630 | } 631 | 632 | .block-content-wrapper > div.flex-1 { 633 | width: 100%; 634 | } 635 | 636 | .block-content .resize { 637 | max-width: -webkit-fill-available; 638 | } 639 | 640 | .add-button-link-wrap:hover .add-button-link { 641 | color: var(--ls-primary-text-color); 642 | opacity: 0.6 !important; 643 | transform: scale(0.9); 644 | } 645 | 646 | .block-ref a.fade-link::before, .block-ref a.fade-link::after, 647 | .block-ref .timestamp .opacity-80::before, .block-ref .timestamp .opacity-80::after { 648 | content: " "; 649 | } 650 | 651 | .block-ref a.fade-link, 652 | .block-ref .timestamp-label, 653 | .block-ref .timestamp .opacity-80 { 654 | font-size: 75% !important; 655 | } 656 | 657 | /* embed */ 658 | .embed, 659 | .embed-page, 660 | .embed-block { 661 | box-shadow: 1px 2px black; 662 | padding: 0.75em 0.5em; 663 | border: 2px solid #000; 664 | border-radius: 8px; 665 | margin: 0.5em; 666 | transition: all ease-in 0.3s; 667 | } 668 | 669 | :is(.embed, .embed-page, .embed-block):is(:hover, :focus-within) { 670 | box-shadow: 8px 8px black; 671 | transform: translate(-7px, -6px); 672 | } 673 | 674 | /* page embed */ 675 | .embed-page, 676 | .cp__right-sidebar .embed-page { 677 | background: var(--ls-secondary-background-color); 678 | } 679 | 680 | .embed-page .embed-header .mr-3 { 681 | margin-right: 0; 682 | } 683 | 684 | .embed-page .embed-header svg path { 685 | fill: var(--ct-page-embed-header-color); 686 | } 687 | 688 | .embed-page .embed-header a.page-ref { 689 | font-size: 1.2em; 690 | font-family: var(--ct-heading-font-family); 691 | font-weight: var(--ct-heading-font-weight); 692 | } 693 | 694 | /* block embed */ 695 | .embed-block, 696 | .cp__right-sidebar .embed-block { 697 | background: var(--ls-secondary-background-color); 698 | } 699 | 700 | @media (min-width: 800px) { 701 | .cp__sidebar-main-content[style*=wide] iframe[id*=youtube-player-] { 702 | height: 400px !important; 703 | } 704 | } 705 | @media (min-width: 1000px) { 706 | .cp__sidebar-main-content[style*=wide] iframe[id*=youtube-player-] { 707 | height: 500px !important; 708 | } 709 | } 710 | @media (min-width: 1200px) { 711 | .cp__sidebar-main-content[style*=wide] iframe[id*=youtube-player-] { 712 | height: 600px !important; 713 | } 714 | } 715 | :root { 716 | --ct-inline-code-font-size: 0.8em; 717 | --ct-inline-code-font-style: inherit; 718 | --ct-inline-code-border-radius: 2px; 719 | --ct-inline-code-padding: 2px 5px; 720 | } 721 | 722 | /* lists */ 723 | ol > li::marker { 724 | font-weight: 600; 725 | font-variant-numeric: tabular-nums; 726 | } 727 | 728 | .block-body ol > li::marker, 729 | .block-body ol > li > p { 730 | /* Hopefully this wont break anything ... */ 731 | display: inline; 732 | } 733 | 734 | .block-body dl, 735 | .block-body ol, 736 | .block-body ul { 737 | margin-bottom: 0.5em; 738 | } 739 | 740 | /* Bold */ 741 | b, 742 | strong { 743 | color: var(--ct-bold-color); 744 | font-weight: 600; 745 | } 746 | 747 | .with-bg-color :is(b, strong) { 748 | color: inherit; 749 | } 750 | 751 | /* External links */ 752 | .external-link, 753 | .external-link:hover { 754 | color: var(--ls-external-link-color); 755 | } 756 | 757 | .external-link:hover { 758 | opacity: 0.8; 759 | } 760 | 761 | /* highlight */ 762 | mark { 763 | background: transparent; 764 | padding: 0; 765 | color: inherit; 766 | font-size: inherit; 767 | text-decoration-style: solid; 768 | text-decoration: underline; 769 | text-decoration-color: var(--ct-highlight-color); 770 | text-decoration-thickness: 4px; 771 | text-underline-offset: -1px; 772 | text-decoration-skip-ink: none; 773 | } 774 | 775 | code, 776 | kbd, 777 | pre, 778 | samp { 779 | font-family: var(--ct-code-font-family); 780 | font-size: 0.8em; 781 | } 782 | 783 | pre { 784 | white-space: pre-wrap; 785 | } 786 | 787 | /* inline code */ 788 | :not(pre) > code { 789 | font-family: var(--ct-code-font-family); 790 | font-size: var(--ct-inline-code-font-size); 791 | font-style: var(--ct-inline-code-font-style) !important; 792 | border-radius: var(--ct-inline-code-border-radius); 793 | padding: var(--ct-inline-code-padding) !important; 794 | background: var(--ls-tertiary-background-color); 795 | color: var(--ct-inline-code-color); 796 | } 797 | 798 | /* Tags */ 799 | a.tag { 800 | border: 2px solid currentColor; 801 | padding: 0 4px; 802 | border-radius: 4px; 803 | font-weight: 600; 804 | line-height: 1.4; 805 | font-size: 0.8em; 806 | } 807 | 808 | a.tag:hover { 809 | background-color: var(--ct-block-reference-background-hover); 810 | } 811 | 812 | /* Block with-bg-color */ 813 | .with-bg-color { 814 | border-radius: 4px; 815 | } 816 | 817 | /* Makes texts in bg always readable */ 818 | .with-bg-color * { 819 | color: white !important; 820 | border-color: white !important; 821 | } 822 | 823 | /* Page properties */ 824 | .page-properties, 825 | .block-properties { 826 | --ls-page-properties-background-color: var(--ls-secondary-background-color); 827 | margin: 0 0 0.5em; 828 | font-size: 0.8em; 829 | width: fit-content; 830 | padding-right: 2rem; 831 | max-width: var(--ct-block-max-width); 832 | } 833 | 834 | .sidebar-item-list .page-properties, 835 | .sidebar-item-list .block-properties { 836 | --ls-page-properties-background-color: var(--ls-tertiary-background-color); 837 | } 838 | 839 | /* Progress bar */ 840 | progress { 841 | vertical-align: middle; 842 | border-radius: 8px; 843 | height: 0.6em; 844 | width: 100px; 845 | border: 1px solid #000; 846 | overflow: hidden; 847 | } 848 | 849 | progress::-webkit-progress-bar { 850 | background: var(--ls-tertiary-background-color); 851 | } 852 | 853 | progress::-webkit-progress-value { 854 | background: var(--ct-success-color); 855 | } 856 | 857 | .cm-s-solarized.cm-s-dark { 858 | background: var(--ls-secondary-background-color) !important; 859 | } 860 | 861 | .cm-s-solarized.cm-s-dark .CodeMirror-gutters { 862 | background: var(--ls-tertiary-background-color) !important; 863 | } 864 | 865 | .CodeMirror pre.CodeMirror-line, 866 | .CodeMirror-gutter, 867 | .CodeMirror-gutters, 868 | .CodeMirror-linenumber, 869 | .CodeMirror-scroll, 870 | .CodeMirror-sizer, 871 | .CodeMirror { 872 | font-size: 12px; 873 | line-height: 16px; 874 | } 875 | 876 | .cm-s-solarized div.CodeMirror-selected { 877 | background: var(--ct-primary-color); 878 | color: var(--ls-selection-color); 879 | } 880 | 881 | .CodeMirror { 882 | background-color: var(--color-level-1); 883 | box-shadow: 0 0 0 2px var(--color-level-2); 884 | } 885 | 886 | .cm-s-solarized div.CodeMirror-selected { 887 | background: var(--color-level-4) !important; 888 | } 889 | 890 | .extensions__code { 891 | margin-top: 8px; 892 | } 893 | 894 | .extensions__code-calc { 895 | top: 8px; 896 | } 897 | 898 | .extensions__code-calc-output-line { 899 | height: 16px; 900 | font-size: 12px; 901 | } 902 | 903 | .extensions__code-lang { 904 | margin-left: 4px; 905 | height: 26px; 906 | border-radius: 4px; 907 | } 908 | 909 | .extensions__code-lang + div { 910 | margin-top: 0 !important; 911 | } 912 | 913 | .link_preview__root { 914 | max-width: 100%; 915 | } 916 | 917 | .page-icon { 918 | font-family: "Inter", sans-serif; 919 | } 920 | 921 | /* Popups */ 922 | .tippy-tooltip { 923 | padding: 0.5em 0; 924 | min-width: 100px; 925 | color: var(--ct-page-font-color); 926 | -webkit-font-smoothing: auto; 927 | } 928 | 929 | .tippy-tooltip > .tippy-tooltip-content { 930 | border: 2px solid #000; 931 | border-radius: 8px; 932 | overflow: hidden; 933 | background: var(--ls-primary-background-color); 934 | } 935 | 936 | .tippy-wrapper, 937 | .tippy-tooltip { 938 | background: transparent; 939 | font-weight: unset !important; 940 | } 941 | 942 | .tippy-tooltip-content > .tippy-wrapper { 943 | padding: 0 !important; 944 | width: fit-content !important; 945 | max-width: 800px; 946 | background: var(--ls-primary-background-color); 947 | } 948 | 949 | .tippy-tooltip-content > .pr-3 { 950 | padding-left: 0.75rem; 951 | } 952 | 953 | .tippy-tooltip-content > .tippy-wrapper.overflow-y-auto { 954 | overflow: visible; 955 | display: flex; 956 | flex-flow: column; 957 | } 958 | .tippy-tooltip-content > .tippy-wrapper.overflow-y-auto > div:last-of-type { 959 | overflow: auto; 960 | height: -webkit-fill-available; 961 | padding: 1.5em 1em 1em; 962 | min-width: 450px; 963 | } 964 | 965 | .tippy-popper .arrow-regular { 966 | display: none; 967 | /* Hide the arrow */ 968 | } 969 | 970 | /* FIXME: this is a hack to remove scroll passed to scroll bottom issue */ 971 | .tippy-popper[style*="visibility: hidden"] { 972 | display: none; 973 | } 974 | 975 | /* Page preview title */ 976 | .tippy-wrapper > :is(div:first-child, h2:first-child, .block-parents) { 977 | display: inline-flex; 978 | align-items: center; 979 | position: absolute; 980 | left: -0.5em; 981 | top: -0.75em; 982 | z-index: 2; 983 | opacity: 1; 984 | padding: 2px 1em 2px 1em !important; 985 | background: var(--ct-query-header-background); 986 | white-space: nowrap; 987 | font-family: var(--ct-page-title-font-family); 988 | font-weight: 600; 989 | color: var(--ct-query-header-color); 990 | font-style: var(--ct-inline-code-font-style) !important; 991 | border: 2px solid #000; 992 | border-radius: 4px; 993 | } 994 | 995 | .tippy-wrapper > :is(div:first-child, h2:first-child, .block-parents) a { 996 | color: var(--ct-query-header-color); 997 | } 998 | 999 | .tippy-popper .add-button { 1000 | display: none; 1001 | } 1002 | 1003 | :root { 1004 | --ct-query-header-color: var(--ls-primary-background-color); 1005 | --ct-query-header-background: var(--ct-primary-color); 1006 | } 1007 | 1008 | /* query */ 1009 | .custom-query > div:first-child { 1010 | box-shadow: 0 0 0 2px var(--color-level-2); 1011 | background-color: var(--color-level-1); 1012 | border-radius: 8px; 1013 | padding: 1rem 1.5rem; 1014 | margin: 2px; 1015 | position: relative; 1016 | } 1017 | 1018 | .embed .custom-query > div:first-child { 1019 | background: var(--ls-tertiary-background-color); 1020 | } 1021 | 1022 | .dsl-query .custom-query-title > .font-medium, 1023 | :not(.dsl-query) > .custom-query .custom-query-title { 1024 | opacity: 1; 1025 | font-family: var(--ct-code-font-family); 1026 | font-size: var(--ct-inline-code-font-size); 1027 | font-style: var(--ct-inline-code-font-style) !important; 1028 | border-radius: var(--ct-inline-code-border-radius); 1029 | width: auto; 1030 | } 1031 | 1032 | :not(.dsl-query) > .custom-query .custom-query-title > .flex-row { 1033 | position: absolute; 1034 | left: 24px; 1035 | text-shadow: none; 1036 | font-family: inherit; 1037 | color: var(--ls-primary-text-color); 1038 | font-size: 0.875rem; 1039 | font-family: var(--ls-font-family); 1040 | } 1041 | 1042 | .dsl-query > .custom-query .foldable-title .opacity-70 code { 1043 | background: none; 1044 | color: var(--ct-query-header-color); 1045 | } 1046 | 1047 | .block-body > .custom-query .foldable-title .opacity-70 > * { 1048 | color: var(--ct-query-header-color); 1049 | } 1050 | 1051 | .custom-query-title > .svg-small { 1052 | display: none; 1053 | } 1054 | 1055 | :root { 1056 | --ct-marker-border-radius: 4px; 1057 | --ct-task-done-text-decoration: none; 1058 | --ct-marker-size: 16px; 1059 | --ct-checkbox-color: var(--ls-active-primary-color); 1060 | } 1061 | 1062 | /* Markers */ 1063 | .form-checkbox, 1064 | .form-checkbox:focus { 1065 | border-radius: var(--ct-marker-border-radius); 1066 | border: 2px solid var(--ct-checkbox-color) !important; 1067 | background-color: transparent !important; 1068 | height: var(--ct-marker-size); 1069 | width: var(--ct-marker-size); 1070 | } 1071 | 1072 | :is(.doing, .now) .form-checkbox, 1073 | :is(.doing, .now) .form-checkbox:focus { 1074 | background-color: var(--ct-block-reference-background-hover) !important; 1075 | } 1076 | 1077 | .waiting .form-checkbox, 1078 | .waiting .form-checkbox:focus { 1079 | background-color: var(--ct-highlight-color) !important; 1080 | } 1081 | 1082 | .form-checkbox:checked, 1083 | .form-checkbox:checked:focus { 1084 | background-color: var(--ct-success-color) !important; 1085 | margin-right: 5px !important; 1086 | } 1087 | 1088 | .done { 1089 | color: var(--ct-task-done-text-color); 1090 | text-decoration: var(--ct-task-done-text-decoration); 1091 | } 1092 | 1093 | a[priority], 1094 | a.priority { 1095 | font-size: 0px; 1096 | /* Hide text */ 1097 | } 1098 | 1099 | a[priority=A]::before, 1100 | a.priority[href="#/page/A" i]:before { 1101 | content: "A"; 1102 | background: var(--ct-warning-color); 1103 | color: #000; 1104 | } 1105 | 1106 | a[priority=B]::before, 1107 | a.priority[href="#/page/B" i]:before { 1108 | content: "B"; 1109 | background: var(--ct-highlight-color); 1110 | color: #000; 1111 | } 1112 | 1113 | a[priority=C]::before, 1114 | a.priority[href="#/page/C" i]:before { 1115 | content: "C"; 1116 | background: var(--ct-success-color); 1117 | color: #fff; 1118 | } 1119 | 1120 | a.priority[href="#/page/A" i], 1121 | [href="#/page/B" i], 1122 | [href="#/page/C" i] { 1123 | display: inline-flex; 1124 | opacity: 1 !important; 1125 | } 1126 | 1127 | a[priority]::before, 1128 | a.priority::before { 1129 | transform: translateY(-1px); 1130 | border: 1px solid #eee; 1131 | border-radius: var(--ct-marker-border-radius); 1132 | font-size: 12px; 1133 | font-weight: 600; 1134 | height: calc(var(--ct-marker-size) + 4px); 1135 | width: calc(var(--ct-marker-size) + 4px); 1136 | line-height: 1.5; 1137 | text-align: center; 1138 | display: inline-flex; 1139 | align-items: center; 1140 | justify-content: center; 1141 | font-family: var(--ct-code-font-family); 1142 | } 1143 | 1144 | a.tooltip-priority:first-of-type::before { 1145 | margin-left: 0.3em; 1146 | margin-top: 0.5em; 1147 | } 1148 | 1149 | .block-marker { 1150 | font-family: var(--ct-code-font-family); 1151 | font-size: var(--ct-inline-code-font-size); 1152 | } 1153 | 1154 | body[data-page=graph] .cp__sidebar-main-content { 1155 | --graph-height: calc(100vh - var(--ct-header-height)); 1156 | background: var(--ls-primary-background-color); 1157 | max-height: var(--graph-height); 1158 | } 1159 | body[data-page=graph] .cp__sidebar-main-content > div { 1160 | padding: 0; 1161 | } 1162 | 1163 | #global-graph > .graph { 1164 | height: var(--graph-height) !important; 1165 | } 1166 | 1167 | .graph-filters { 1168 | border: 2px solid #000; 1169 | box-shadow: 4px 4px black; 1170 | border-radius: 8px; 1171 | } 1172 | .graph-filters li:not(:last-of-type) { 1173 | border-bottom: 1px solid #000; 1174 | } 1175 | 1176 | html[data-theme=dark] #app-container::before { 1177 | opacity: 0.05; 1178 | } 1179 | 1180 | .dark-theme, 1181 | html[data-theme=dark] { 1182 | --ct-primary-color: #a3cef1; 1183 | --ct-secondary-color: #6096ba; 1184 | --ct-warning-color: #ff7262; 1185 | --ct-success-color: #0dcf82; 1186 | --ct-highlight-color: #d3a400; 1187 | --color-level-1: #313942; 1188 | --color-level-2: #38434c; 1189 | --color-level-3: #404b55; 1190 | --color-level-4: #525f6b; 1191 | --color-level-5: #606e7a; 1192 | --color-level-6: #697885; 1193 | --ls-primary-background-color: #272c35; 1194 | --ls-secondary-background-color: var(--color-level-1); 1195 | --ls-tertiary-background-color: var(--color-level-2); 1196 | --ls-quaternary-background-color: var(--color-level-3); 1197 | --ls-border-color: var(--ls-tertiary-background-color); 1198 | --ls-table-tr-even-background-color: var(--ls-secondary-background-color); 1199 | --ls-primary-text-color: rgb(235, 235, 235); 1200 | --ls-secondary-text-color: rgb(200, 200, 200); 1201 | --ct-bold-color: #fff; 1202 | --ls-link-text-color: var(--ct-primary-color); 1203 | --ls-link-ref-text-color: var(--ct-primary-color); 1204 | --ls-link-ref-text-hover-color: var(--ct-secondary-color); 1205 | --ls-active-primary-color: var(--ct-primary-color); 1206 | --ls-active-secondary-color: var(--ct-secondary-color); 1207 | --ls-external-link-color: var(--ct-secondary-color); 1208 | --ls-guideline-color: var(--ls-tertiary-background-color); 1209 | --ls-block-bullet-color: var(--ls-tertiary-background-color); 1210 | --ls-bullet-closed-color: var(--ls-secondary-text-color); 1211 | --ls-block-bullet-border-color: var(--ls-quaternary-background-color); 1212 | --ct-block-arrow-color: rgb(165, 165, 165); 1213 | --ct-page-reference-color: var(--ls-active-primary-color); 1214 | --ls-icon-color: var(--ls-primary-text-color); 1215 | --ct-block-reference-background: rgba(16, 107, 163, 0.2); 1216 | --ct-block-reference-background-hover: rgba(16, 107, 163, 0.3); 1217 | --ls-page-properties-background-color: var(--ls-tertiary-background-color); 1218 | --ls-scrollbar-foreground-color: var(--ls-secondary-background-color); 1219 | --ct-header-bg-color: #272c35ee; 1220 | --ls-selection-color: #000; 1221 | --ls-block-highlight-color: #32445a; 1222 | } 1223 | 1224 | .dark-theme .image-resize { 1225 | filter: brightness(0.8) saturate(85%); 1226 | } 1227 | 1228 | .white-theme, 1229 | .light-theme, 1230 | html[data-theme=light], 1231 | html[data-theme=white] { 1232 | --ct-primary-color: #106ba3; 1233 | --ct-secondary-color: #004174; 1234 | --ct-warning-color: #ff7262; 1235 | --ct-success-color: #0dcf82; 1236 | --ct-highlight-color: #ffc600; 1237 | --color-level-1: #f8f9fa; 1238 | --color-level-2: #e9ecef; 1239 | --color-level-3: #dee2e6; 1240 | --color-level-4: #b9bcbe; 1241 | --color-level-5: #aaaeb4; 1242 | --color-level-6: #9da2a8; 1243 | --ls-primary-background-color: #ffffff; 1244 | --ls-secondary-background-color: var(--color-level-1); 1245 | --ls-tertiary-background-color: var(--color-level-2); 1246 | --ls-quaternary-background-color: var(--color-level-3); 1247 | --ls-border-color: var(--ls-tertiary-background-color); 1248 | --ls-table-tr-even-background-color: var(--ls-secondary-background-color); 1249 | --ls-primary-text-color: rgb(40, 40, 40); 1250 | --ls-secondary-text-color: #161e2e; 1251 | --ct-bold-color: #000; 1252 | --ls-link-text-color: var(--ct-primary-color); 1253 | --ls-link-ref-text-color: var(--ct-primary-color); 1254 | --ls-link-ref-text-hover-color: var(--ct-secondary-color); 1255 | --ls-active-primary-color: var(--ct-primary-color); 1256 | --ls-active-secondary-color: var(--ct-secondary-color); 1257 | --ls-external-link-color: var(--ct-secondary-color); 1258 | --ls-guideline-color: var(--ls-tertiary-background-color); 1259 | --ls-block-bullet-color: var(--ls-tertiary-background-color); 1260 | --ls-bullet-closed-color: var(--ls-secondary-text-color); 1261 | --ls-block-bullet-border-color: var(--ls-quaternary-background-color); 1262 | --ct-block-arrow-color: rgb(98, 98, 98); 1263 | --ct-page-reference-color: var(--ls-active-primary-color); 1264 | --ls-icon-color: var(--ls-primary-text-color); 1265 | --ct-block-reference-background: rgba(16, 107, 163, 0.1); 1266 | --ct-block-reference-background-hover: rgba(16, 107, 163, 0.3); 1267 | --ls-page-properties-background-color: var(--ls-secondary-background-color); 1268 | --ls-selection-color: #fff; 1269 | --ct-header-bg-color: rgba(255, 255, 255, 0.9); 1270 | } 1271 | 1272 | :root { 1273 | --ls-block-bullet-threading-width: 2px; 1274 | } 1275 | 1276 | /* PDF viewer */ 1277 | .extensions__pdf-settings-item.theme-picker>button.dark { 1278 | background-color: var(--ls-primary-background-color); 1279 | } 1280 | .extensions__pdf-container { 1281 | background-color: transparent; 1282 | 1283 | &[data-theme=dark] { 1284 | background-color: #262E37; /* not sure how to do this without hardcoding */ 1285 | 1286 | .textLayer { 1287 | background-color: var(--ls-primary-background-color); 1288 | opacity: 1; 1289 | /* mix-blend-mode: multiply; */ 1290 | } 1291 | 1292 | .extensions__pdf-hls-text-region { 1293 | mix-blend-mode: normal; 1294 | opacity: .4; 1295 | } 1296 | 1297 | } 1298 | } 1299 | 1300 | -------------------------------------------------------------------------------- /demo.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pengx17/logseq-dev-theme/3f0f55527feb1edba3592aa4023e2520e8332567/demo.mp4 -------------------------------------------------------------------------------- /demo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pengx17/logseq-dev-theme/3f0f55527feb1edba3592aa4023e2520e8332567/demo.png -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pengx17/logseq-dev-theme/3f0f55527feb1edba3592aa4023e2520e8332567/logo.png -------------------------------------------------------------------------------- /marketplace.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/pengx17/logseq-dev-theme/3f0f55527feb1edba3592aa4023e2520e8332567/marketplace.png -------------------------------------------------------------------------------- /no_bullet_threading.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Fira+Code"); 2 | @import url("https://cdn.jsdelivr.net/gh/adobe-fonts/source-sans@3.046R/source-sans-3VF.css"); 3 | @font-face { 4 | font-family: "Source Han Sans VF"; 5 | font-weight: 200 900; 6 | font-style: normal; 7 | font-stretch: normal; 8 | src: url("https://cdn.jsdelivr.net/gh/adobe-fonts/source-han-sans@release/Variable/WOFF2/OTF/Subset/SourceHanSansCN-VF.otf.woff2"); 9 | } 10 | @font-face { 11 | font-family: "Only Emoji"; 12 | src: local("Apple Color Emoji"), local("Android Emoji"), local("Segoe UI Emoji"), local("Segoe UI"); 13 | unicode-range: U+200D, U+2049, U+20E3, U+2117, U+2120, U+2122, U+2139, U+2194-2199, U+21A9, U+21AA, U+229C, U+231A, U+231B, U+2328, U+23CF, U+23E9-23F3, U+23F8-23FE, U+24C2, U+25A1, U+25AA-25AD, U+25B6, U+25C0, U+25D0, U+25D1, U+25E7-25EA, U+25ED, U+25EE, U+25FB-25FE, U+2600-2605, U+260E, U+2611, U+2614, U+2615, U+2618, U+261D, U+2620, U+2622, U+2623, U+2626, U+262A, U+262E, U+262F, U+2638-263A, U+2640, U+2642, U+2648-2653, U+265F, U+2660, U+2663, U+2665, U+2666, U+2668, U+267B, U+267E, U+267F, U+2691-2697, U+2699, U+269B, U+269C, U+26A0, U+26A1, U+26A7, U+26AA, U+26AB, U+26B0, U+26B1, U+26BD, U+26BE, U+26C4, U+26C5, U+26C8, U+26CE, U+26CF, U+26D1, U+26D3, U+26D4, U+26E9, U+26EA, U+26F0-26F5, U+26F7-26FA, U+26FD, U+2702, U+2705, U+2708-270D, U+270F, U+2712, U+2714, U+2716, U+271D, U+2721, U+2728, U+2733, U+2734, U+2744, U+2747, U+274C, U+274E, U+2753-2755, U+2757, U+2763, U+2764, U+2795-2797, U+27A1, U+27B0, U+27BF, U+2934, U+2935, U+2B05-2B07, U+2B0C, U+2B0D, U+2B1B, U+2B1C, U+2B1F-2B24, U+2B2E, U+2B2F, U+2B50, U+2B55, U+2B58, U+2B8F, U+2BBA-2BBC, U+2BC3, U+2BC4, U+2BEA, U+2BEB, U+3030, U+303D, U+3297, U+3299, U+E000-E009, U+E010, U+E011, U+E040-E04B, U+E050-E058, U+E080-E0B4, U+E0C0-E0CA, U+E0FF-E10D, U+E140-E144, U+E146-E149, U+E150-E157, U+E181-E188, U+E1C0-E1C4, U+E1C6-E1D7, U+E200-E20E, U+E240-E269, U+E280-E283, U+E2C0-E2C4, U+E2C6-E2DA, U+E300-E303, U+E305-E30F, U+E312-E316, U+E318-E322, U+E324-E329, U+E32B, U+E340-E348, U+E380, U+E381, U+F000, U+F8FF, U+FE0F, U+1F004, U+1F0CF, U+1F10D-1F10F, U+1F12F, U+1F16D-1F171, U+1F17E, U+1F17F, U+1F18E, U+1F191-1F19A, U+1F1E6-1F1FF, U+1F201, U+1F202, U+1F21A, U+1F22F, U+1F232-1F23A, U+1F250, U+1F251, U+1F300-1F321, U+1F324-1F393, U+1F396, U+1F397, U+1F399-1F39B, U+1F39E-1F3F0, U+1F3F3-1F3F5, U+1F3F7-1F4FD, U+1F4FF-1F53D, U+1F549-1F54E, U+1F550-1F567, U+1F56F, U+1F570, U+1F573-1F57A, U+1F587, U+1F58A-1F58D, U+1F590, U+1F595, U+1F596, U+1F5A4, U+1F5A5, U+1F5A8, U+1F5B1, U+1F5B2, U+1F5BC, U+1F5C2-1F5C4, U+1F5D1-1F5D3, U+1F5DC-1F5DE, U+1F5E1, U+1F5E3, U+1F5E8, U+1F5EF, U+1F5F3, U+1F5FA-1F64F, U+1F680-1F6C5, U+1F6CB-1F6D2, U+1F6D5-1F6D7, U+1F6E0-1F6E5, U+1F6E9, U+1F6EB, U+1F6EC, U+1F6F0, U+1F6F3-1F6FC, U+1F7E0-1F7EB, U+1F90C-1F93A, U+1F93C-1F945, U+1F947-1F978, U+1F97A-1F9CB, U+1F9CD-1F9FF, U+1FA70-1FA74, U+1FA78-1FA7A, U+1FA80-1FA86, U+1FA90-1FAA8, U+1FAB0-1FAB6, U+1FAC0-1FAC2, U+1FAD0-1FAD6, U+1FBC5-1FBC9, U+E0061-E0067, U+E006C, U+E006E, U+E0070-E0079, U+E007F; 14 | } 15 | :root { 16 | --ct-text-size: 16px; 17 | --ct-line-height: 1.6; 18 | --ls-font-family: "Only Emoji", "Source Sans 3 VF", "Source Han Sans VF", 19 | sans-serif; 20 | --ct-page-title-font-family: var(--ls-font-family); 21 | --ct-code-font-family: "Fira Code", monospace; 22 | } 23 | 24 | html, 25 | body { 26 | font-size: var(--ct-text-size); 27 | font-family: var(--ls-font-family); 28 | overscroll-behavior-y: none; 29 | -webkit-font-smoothing: auto; 30 | line-height: var(--ct-line-height); 31 | } 32 | 33 | textarea { 34 | line-height: var(--ct-line-height); 35 | } 36 | 37 | i { 38 | font-family: "Only Emoji", "Source Sans 3 VF", sans-serif; 39 | } 40 | 41 | :root { 42 | --ct-background: var(--ls-primary-background-color); 43 | --ct-page-font-color: var(--ls-primary-text-color); 44 | } 45 | 46 | :root.is-mac.is-electron { 47 | --ct-header-height: 48px; 48 | } 49 | 50 | ::selection { 51 | background: var(--ct-primary-color); 52 | color: var(--ls-selection-color); 53 | } 54 | 55 | /* Some tweaks on making this theme a bit more compact on mobile. 56 | Mobile cap is 640px */ 57 | @media (max-width: 640px) { 58 | html { 59 | font-size: 14px; 60 | } 61 | 62 | .cp__sidebar-main-content > div { 63 | padding: 1px 1em 1em 1em !important; 64 | border: none; 65 | } 66 | 67 | a.title h1.title { 68 | font-size: 24px; 69 | margin-bottom: 1rem; 70 | } 71 | 72 | .custom-query { 73 | padding: 0 1rem; 74 | } 75 | } 76 | /* Fix iphone issues */ 77 | html.is-native-iphone #left-sidebar { 78 | top: 0 !important; 79 | } 80 | 81 | /** 82 | * Journal page is too long for empty journals 83 | */ 84 | #journals .journal-item:first-child { 85 | min-height: fit-content; 86 | } 87 | 88 | .cp__header, 89 | .cp__right-sidebar-topbar { 90 | background: var(--ct-header-bg-color); 91 | } 92 | 93 | @supports not ((-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px))) { 94 | .sidebar-item.content > div > div:first-of-type { 95 | background: var(--ct-header-bg-color); 96 | } 97 | } 98 | @supports (-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px)) { 99 | .sidebar-item.content > div > div:first-of-type { 100 | -webkit-backdrop-filter: blur(20px); 101 | backdrop-filter: blur(20px); 102 | background-color: transparent; 103 | } 104 | } 105 | :not(.color-level) .color-level { 106 | box-shadow: 0 0 0 2px var(--color-level-2); 107 | } 108 | 109 | .scrollbar-spacing { 110 | height: 100%; 111 | overflow: auto !important; 112 | scrollbar-gutter: stable; 113 | } 114 | 115 | :root { 116 | --ct-sidebar-resizer-background: var(--ls-secondary-background-color); 117 | --ct-sidebar-resizer-background-hover: var(--ct-primary-color); 118 | } 119 | 120 | .theme-inner { 121 | background: var(--ls-primary-background-color); 122 | } 123 | 124 | .page { 125 | margin-top: 0; 126 | } 127 | 128 | /* Right side bar */ 129 | .cp__right-sidebar-inner { 130 | --ct-sidebar-padding: 0.5rem; 131 | } 132 | 133 | .cp__right-sidebar.is-open { 134 | background: var(--ct-sidebar-background); 135 | } 136 | 137 | .cp__right-sidebar .sidebar-item { 138 | margin: var(--ct-sidebar-padding) 0; 139 | border-radius: 2px; 140 | } 141 | 142 | .cp__right-sidebar { 143 | color: var(--ct-sidebar-font-color); 144 | } 145 | 146 | .sidebar-item-list { 147 | padding-top: var(--ct-header-height); 148 | position: absolute; 149 | top: 0; 150 | width: 100%; 151 | padding-left: 1rem; 152 | padding-right: 1rem; 153 | } 154 | 155 | /* Right sidebar title */ 156 | .sidebar-item .ml-1:not(.text-sm) { 157 | font-size: 1.2em; 158 | font-weight: bold; 159 | margin-left: 4px; 160 | font-family: var(--ct-page-title-font-family); 161 | } 162 | 163 | .sidebar-item .ml-1 a { 164 | color: var(--ls-primary-text-color); 165 | } 166 | 167 | .sidebar-item.content > div > div:first-of-type { 168 | position: sticky; 169 | top: 0; 170 | padding: 1rem; 171 | margin: -1rem; 172 | z-index: 10; 173 | } 174 | 175 | .sidebar-item.content > div > div:first-of-type + div { 176 | margin-top: 1.5rem; 177 | } 178 | 179 | .cp__right-sidebar-inner .resizer { 180 | background: var(--ct-sidebar-resizer-background); 181 | width: var(--ct-sidebar-padding); 182 | touch-action: none; 183 | z-index: 2000; 184 | opacity: 1; 185 | transition: background-color 0.2s 0.1s; 186 | } 187 | 188 | .cp__right-sidebar-inner .resizer:hover { 189 | opacity: 1; 190 | background: var(--ct-sidebar-resizer-background-hover); 191 | } 192 | 193 | .cp__right-sidebar, 194 | .cp__sidebar-main-layout { 195 | background-color: transparent; 196 | } 197 | 198 | /* Journals */ 199 | #journals .journal-item:first-child { 200 | margin-top: 0.5em; 201 | } 202 | 203 | #left-sidebar { 204 | height: 100%; 205 | padding-top: var(--ct-header-height); 206 | } 207 | 208 | .left-sidebar-inner { 209 | height: 100%; 210 | } 211 | 212 | .left-sidebar-inner > .wrap { 213 | margin-top: 0; 214 | padding-top: 12px; 215 | padding-bottom: 12px; 216 | } 217 | 218 | .left-sidebar-inner a.item > span { 219 | transform: translateY(2px); 220 | margin-top: 0; 221 | } 222 | 223 | .left-sidebar-inner .new-page { 224 | position: absolute; 225 | bottom: 0; 226 | } 227 | 228 | .left-sidebar-inner .nav-content-item { 229 | font-size: 0.875rem; 230 | font-weight: 500; 231 | } 232 | 233 | :root { 234 | --ct-page-title-color: var(--ct-bold-color); 235 | --ct-page-title-font-size: 36px; 236 | --ct-page-title-line-height: 40px; 237 | --ct-page-title-font-weight: 300; 238 | --ct-page-title-font-style: normal; 239 | --ct-heading-font-family: var(--ct-page-title-font-family); 240 | --ct-heading-font-size: 25px; 241 | --ct-heading-font-weight: 700; 242 | --ct-heading-font-style: normal; 243 | --ct-header-height: calc(var(--ls-headbar-height) + var(--ls-headbar-inner-top-padding)); 244 | --ct-topbar-backdrop: blur(20px); 245 | } 246 | 247 | /* Heading & Page title */ 248 | h1.title { 249 | margin-top: 8px; 250 | font-family: var(--ct-page-title-font-family); 251 | font-size: var(--ct-page-title-font-size); 252 | font-weight: var(--ct-page-title-font-weight); 253 | font-style: var(--ct-page-title-font-style); 254 | color: var(--ct-page-title-color); 255 | line-height: var(--ct-page-title-line-height); 256 | text-shadow: var(--ct-page-title-text-shadow, none); 257 | } 258 | 259 | a.title h1.title { 260 | margin-top: 0; 261 | text-shadow: var(--ct-page-title-text-shadow, none); 262 | } 263 | 264 | .ls-block h2 { 265 | font-family: var(--ct-heading-font-family); 266 | font-weight: var(--ct-heading-font-weight); 267 | font-style: var(--ct-heading-font-style); 268 | color: var(--ct-heading-color); 269 | text-shadow: var(--ct-heading-text-shadow, none); 270 | } 271 | 272 | .cp__header::after, 273 | .cp__right-sidebar-topbar::after { 274 | left: 0; 275 | right: 0; 276 | height: 1px; 277 | z-index: 1; 278 | position: absolute; 279 | top: 100%; 280 | background-color: rgba(0, 0, 0, 0.16); 281 | display: block; 282 | content: ""; 283 | } 284 | 285 | .cp__header.electron-mac { 286 | height: var(--ct-header-height); 287 | } 288 | 289 | #search { 290 | padding: 0; 291 | align-self: stretch; 292 | } 293 | 294 | #search > .inner { 295 | display: flex; 296 | align-items: center; 297 | } 298 | 299 | #repo-switch { 300 | white-space: nowrap; 301 | } 302 | 303 | #repo-name { 304 | max-width: 150px; 305 | } 306 | 307 | .cp__right-sidebar-settings a { 308 | opacity: 0.6; 309 | } 310 | .cp__right-sidebar-settings a:hover { 311 | opacity: 1; 312 | } 313 | 314 | .ls-block :is(h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5) { 315 | font-family: var(--ct-page-title-font-family); 316 | } 317 | 318 | .ls-block :is(h1, h2, .h1, .h2) { 319 | font-weight: var(--ct-page-title-font-weight); 320 | } 321 | 322 | .ls-block :is(h3, h4, .h3, .h4) { 323 | margin: 0.3em 0 0; 324 | } 325 | 326 | .ls-block :is(h4, .h4) { 327 | opacity: 0.8; 328 | } 329 | 330 | .ls-block .block-ref :is(h1, h2, h3, h4, h5) { 331 | font-size: 1em; 332 | } 333 | 334 | .ls-block :is(h1, h2, h3, h4, h5)::after { 335 | margin-left: 0.5rem; 336 | font-family: var(--ct-code-font-family); 337 | font-size: 0.6rem; 338 | font-style: var(--ct-inline-code-font-style) !important; 339 | border-radius: var(--ct-inline-code-border-radius); 340 | padding: var(--ct-inline-code-padding) !important; 341 | background: var(--ls-tertiary-background-color); 342 | color: var(--ct-inline-code-color); 343 | vertical-align: middle; 344 | opacity: 0.3; 345 | } 346 | 347 | .ls-block :is(h1, h2, h3, h4, h5):hover::after { 348 | opacity: 1; 349 | } 350 | 351 | .ls-block h1::after { 352 | content: "h1"; 353 | } 354 | 355 | .ls-block h2::after { 356 | content: "h2"; 357 | } 358 | 359 | .ls-block h3::after { 360 | content: "h3"; 361 | } 362 | 363 | .ls-block h4::after { 364 | content: "h4"; 365 | } 366 | 367 | .ls-block h5::after { 368 | content: "h5"; 369 | } 370 | 371 | :root { 372 | --ct-bullet-size: 6px; 373 | --ct-block-max-width: calc(100% - 38px); 374 | } 375 | 376 | /* block reference */ 377 | .block-ref { 378 | display: inline; 379 | font-size: inherit; 380 | border-bottom-color: var(--ct-primary-color); 381 | border-bottom-style: dashed; 382 | } 383 | 384 | .block-body { 385 | width: 100%; 386 | } 387 | 388 | .block-body .raw_html { 389 | max-width: 100%; 390 | } 391 | 392 | .block-ref .block-body { 393 | display: inline-block; 394 | } 395 | 396 | .block-ref div { 397 | display: inline; 398 | } 399 | 400 | .block-ref .block-body > .cp__fenced-code-block div { 401 | display: block !important; 402 | } 403 | 404 | .block-ref .flex.flex-row.justify-between { 405 | display: inline; 406 | } 407 | 408 | .block-ref .block-ref { 409 | display: inline; 410 | padding: 0 0 0 0.2em; 411 | } 412 | 413 | .open-block-ref-link { 414 | opacity: 1; 415 | font-weight: 600; 416 | font-variant-numeric: tabular-nums; 417 | } 418 | 419 | .bullet-container .bullet { 420 | width: var(--ct-bullet-size); 421 | height: var(--ct-bullet-size); 422 | transform: scale(1.2); 423 | } 424 | 425 | .bullet-container.bullet-closed .bullet { 426 | background-color: var(--ls-primary-background-color); 427 | box-shadow: 0 0 1px 2px var(--ls-block-bullet-border-color); 428 | } 429 | 430 | a:hover > .bullet-container .bullet { 431 | opacity: 1; 432 | } 433 | 434 | .block-control svg { 435 | color: var(--ct-block-arrow-color); 436 | } 437 | 438 | .block-control:hover svg { 439 | filter: drop-shadow(2px 4px 6px black); 440 | } 441 | 442 | .block-control .rotating-arrow { 443 | display: block; 444 | border-radius: 50%; 445 | background-color: var(--ls-primary-background-color); 446 | width: 1rem; 447 | height: 1rem; 448 | margin-left: 2px; 449 | margin-top: 2px; 450 | box-shadow: 0 0 4px 2px var(--ls-primary-background-color); 451 | } 452 | 453 | .block-control .rotating-arrow > svg { 454 | margin-left: 0 !important; 455 | } 456 | 457 | .ls-block div.block-control-wrap { 458 | position: relative; 459 | height: 26px !important; 460 | } 461 | 462 | .block-content-wrapper > div > .block-content > span > span > :first-child { 463 | position: relative; 464 | } 465 | .block-content-wrapper > div > .block-content > span > span > :first-child::before { 466 | content: ""; 467 | display: block; 468 | position: absolute; 469 | width: 4px; 470 | height: 10px; 471 | top: calc(50% - 5px); 472 | left: -8px; 473 | transform: scaleY(0.5); 474 | transition: all 0.2s; 475 | opacity: 0; 476 | background: var(--ct-primary-color); 477 | border-radius: 2px; 478 | } 479 | .block-content-wrapper > div > .block-content:hover > span > span > :first-child::before { 480 | opacity: 1; 481 | transform: scaleY(1); 482 | } 483 | 484 | /* Block oversize issue */ 485 | .block-content-wrapper { 486 | max-width: var(--ct-block-max-width); 487 | } 488 | 489 | .block-content-wrapper > div.flex-1 { 490 | width: 100%; 491 | } 492 | 493 | .block-content .resize { 494 | max-width: -webkit-fill-available; 495 | } 496 | 497 | .add-button-link-wrap:hover .add-button-link { 498 | color: var(--ls-primary-text-color); 499 | opacity: 0.6 !important; 500 | transform: scale(0.9); 501 | } 502 | 503 | .block-ref a.fade-link::before, .block-ref a.fade-link::after, 504 | .block-ref .timestamp .opacity-80::before, .block-ref .timestamp .opacity-80::after { 505 | content: " "; 506 | } 507 | 508 | .block-ref a.fade-link, 509 | .block-ref .timestamp-label, 510 | .block-ref .timestamp .opacity-80 { 511 | font-size: 75% !important; 512 | } 513 | 514 | /* embed */ 515 | .embed, 516 | .embed-page, 517 | .embed-block { 518 | box-shadow: 1px 2px black; 519 | padding: 0.75em 0.5em; 520 | border: 2px solid #000; 521 | border-radius: 8px; 522 | margin: 0.5em; 523 | transition: all ease-in 0.3s; 524 | } 525 | 526 | :is(.embed, .embed-page, .embed-block):is(:hover, :focus-within) { 527 | box-shadow: 8px 8px black; 528 | transform: translate(-7px, -6px); 529 | } 530 | 531 | /* page embed */ 532 | .embed-page, 533 | .cp__right-sidebar .embed-page { 534 | background: var(--ls-secondary-background-color); 535 | } 536 | 537 | .embed-page .embed-header .mr-3 { 538 | margin-right: 0; 539 | } 540 | 541 | .embed-page .embed-header svg path { 542 | fill: var(--ct-page-embed-header-color); 543 | } 544 | 545 | .embed-page .embed-header a.page-ref { 546 | font-size: 1.2em; 547 | font-family: var(--ct-heading-font-family); 548 | font-weight: var(--ct-heading-font-weight); 549 | } 550 | 551 | /* block embed */ 552 | .embed-block, 553 | .cp__right-sidebar .embed-block { 554 | background: var(--ls-secondary-background-color); 555 | } 556 | 557 | @media (min-width: 800px) { 558 | .cp__sidebar-main-content[style*=wide] iframe[id*=youtube-player-] { 559 | height: 400px !important; 560 | } 561 | } 562 | @media (min-width: 1000px) { 563 | .cp__sidebar-main-content[style*=wide] iframe[id*=youtube-player-] { 564 | height: 500px !important; 565 | } 566 | } 567 | @media (min-width: 1200px) { 568 | .cp__sidebar-main-content[style*=wide] iframe[id*=youtube-player-] { 569 | height: 600px !important; 570 | } 571 | } 572 | :root { 573 | --ct-inline-code-font-size: 0.8em; 574 | --ct-inline-code-font-style: inherit; 575 | --ct-inline-code-border-radius: 2px; 576 | --ct-inline-code-padding: 2px 5px; 577 | } 578 | 579 | /* lists */ 580 | ol > li::marker { 581 | font-weight: 600; 582 | font-variant-numeric: tabular-nums; 583 | } 584 | 585 | .block-body ol > li::marker, 586 | .block-body ol > li > p { 587 | /* Hopefully this wont break anything ... */ 588 | display: inline; 589 | } 590 | 591 | .block-body dl, 592 | .block-body ol, 593 | .block-body ul { 594 | margin-bottom: 0.5em; 595 | } 596 | 597 | /* Bold */ 598 | b, 599 | strong { 600 | color: var(--ct-bold-color); 601 | font-weight: 600; 602 | } 603 | 604 | .with-bg-color :is(b, strong) { 605 | color: inherit; 606 | } 607 | 608 | /* External links */ 609 | .external-link, 610 | .external-link:hover { 611 | color: var(--ls-external-link-color); 612 | } 613 | 614 | .external-link:hover { 615 | opacity: 0.8; 616 | } 617 | 618 | /* highlight */ 619 | mark { 620 | background: transparent; 621 | padding: 0; 622 | color: inherit; 623 | font-size: inherit; 624 | text-decoration-style: solid; 625 | text-decoration: underline; 626 | text-decoration-color: var(--ct-highlight-color); 627 | text-decoration-thickness: 4px; 628 | text-underline-offset: -1px; 629 | text-decoration-skip-ink: none; 630 | } 631 | 632 | code, 633 | kbd, 634 | pre, 635 | samp { 636 | font-family: var(--ct-code-font-family); 637 | font-size: 0.8em; 638 | } 639 | 640 | pre { 641 | white-space: pre-wrap; 642 | } 643 | 644 | /* inline code */ 645 | :not(pre) > code { 646 | font-family: var(--ct-code-font-family); 647 | font-size: var(--ct-inline-code-font-size); 648 | font-style: var(--ct-inline-code-font-style) !important; 649 | border-radius: var(--ct-inline-code-border-radius); 650 | padding: var(--ct-inline-code-padding) !important; 651 | background: var(--ls-tertiary-background-color); 652 | color: var(--ct-inline-code-color); 653 | } 654 | 655 | /* Tags */ 656 | a.tag { 657 | border: 2px solid currentColor; 658 | padding: 0 4px; 659 | border-radius: 4px; 660 | font-weight: 600; 661 | line-height: 1.4; 662 | font-size: 0.8em; 663 | } 664 | 665 | a.tag:hover { 666 | background-color: var(--ct-block-reference-background-hover); 667 | } 668 | 669 | /* Block with-bg-color */ 670 | .with-bg-color { 671 | border-radius: 4px; 672 | } 673 | 674 | /* Makes texts in bg always readable */ 675 | .with-bg-color * { 676 | color: white !important; 677 | border-color: white !important; 678 | } 679 | 680 | /* Page properties */ 681 | .page-properties, 682 | .block-properties { 683 | --ls-page-properties-background-color: var(--ls-secondary-background-color); 684 | margin: 0 0 0.5em; 685 | font-size: 0.8em; 686 | width: fit-content; 687 | padding-right: 2rem; 688 | max-width: var(--ct-block-max-width); 689 | } 690 | 691 | .sidebar-item-list .page-properties, 692 | .sidebar-item-list .block-properties { 693 | --ls-page-properties-background-color: var(--ls-tertiary-background-color); 694 | } 695 | 696 | /* Progress bar */ 697 | progress { 698 | vertical-align: middle; 699 | border-radius: 8px; 700 | height: 0.6em; 701 | width: 100px; 702 | border: 1px solid #000; 703 | overflow: hidden; 704 | } 705 | 706 | progress::-webkit-progress-bar { 707 | background: var(--ls-tertiary-background-color); 708 | } 709 | 710 | progress::-webkit-progress-value { 711 | background: var(--ct-success-color); 712 | } 713 | 714 | .cm-s-solarized.cm-s-dark { 715 | background: var(--ls-secondary-background-color) !important; 716 | } 717 | 718 | .cm-s-solarized.cm-s-dark .CodeMirror-gutters { 719 | background: var(--ls-tertiary-background-color) !important; 720 | } 721 | 722 | .CodeMirror pre.CodeMirror-line, 723 | .CodeMirror-gutter, 724 | .CodeMirror-gutters, 725 | .CodeMirror-linenumber, 726 | .CodeMirror-scroll, 727 | .CodeMirror-sizer, 728 | .CodeMirror { 729 | font-size: 12px; 730 | line-height: 16px; 731 | } 732 | 733 | .cm-s-solarized div.CodeMirror-selected { 734 | background: var(--ct-primary-color); 735 | color: var(--ls-selection-color); 736 | } 737 | 738 | .CodeMirror { 739 | background-color: var(--color-level-1); 740 | box-shadow: 0 0 0 2px var(--color-level-2); 741 | } 742 | 743 | .cm-s-solarized div.CodeMirror-selected { 744 | background: var(--color-level-4) !important; 745 | } 746 | 747 | .extensions__code { 748 | margin-top: 8px; 749 | } 750 | 751 | .extensions__code-calc { 752 | top: 8px; 753 | } 754 | 755 | .extensions__code-calc-output-line { 756 | height: 16px; 757 | font-size: 12px; 758 | } 759 | 760 | .extensions__code-lang { 761 | margin-left: 4px; 762 | height: 26px; 763 | border-radius: 4px; 764 | } 765 | 766 | .extensions__code-lang + div { 767 | margin-top: 0 !important; 768 | } 769 | 770 | .link_preview__root { 771 | max-width: 100%; 772 | } 773 | 774 | .page-icon { 775 | font-family: "Inter", sans-serif; 776 | } 777 | 778 | /* Popups */ 779 | .tippy-tooltip { 780 | padding: 0.5em 0; 781 | min-width: 100px; 782 | color: var(--ct-page-font-color); 783 | -webkit-font-smoothing: auto; 784 | } 785 | 786 | .tippy-tooltip > .tippy-tooltip-content { 787 | border: 2px solid #000; 788 | border-radius: 8px; 789 | overflow: hidden; 790 | background: var(--ls-primary-background-color); 791 | } 792 | 793 | .tippy-wrapper, 794 | .tippy-tooltip { 795 | background: transparent; 796 | font-weight: unset !important; 797 | } 798 | 799 | .tippy-tooltip-content > .tippy-wrapper { 800 | padding: 0 !important; 801 | width: fit-content !important; 802 | max-width: 800px; 803 | background: var(--ls-primary-background-color); 804 | } 805 | 806 | .tippy-tooltip-content > .pr-3 { 807 | padding-left: 0.75rem; 808 | } 809 | 810 | .tippy-tooltip-content > .tippy-wrapper.overflow-y-auto { 811 | overflow: visible; 812 | display: flex; 813 | flex-flow: column; 814 | } 815 | .tippy-tooltip-content > .tippy-wrapper.overflow-y-auto > div:last-of-type { 816 | overflow: auto; 817 | height: -webkit-fill-available; 818 | padding: 1.5em 1em 1em; 819 | min-width: 450px; 820 | } 821 | 822 | .tippy-popper .arrow-regular { 823 | display: none; 824 | /* Hide the arrow */ 825 | } 826 | 827 | /* FIXME: this is a hack to remove scroll passed to scroll bottom issue */ 828 | .tippy-popper[style*="visibility: hidden"] { 829 | display: none; 830 | } 831 | 832 | /* Page preview title */ 833 | .tippy-wrapper > :is(div:first-child, h2:first-child, .block-parents) { 834 | display: inline-flex; 835 | align-items: center; 836 | position: absolute; 837 | left: -0.5em; 838 | top: -0.75em; 839 | z-index: 2; 840 | opacity: 1; 841 | padding: 2px 1em 2px 1em !important; 842 | background: var(--ct-query-header-background); 843 | white-space: nowrap; 844 | font-family: var(--ct-page-title-font-family); 845 | font-weight: 600; 846 | color: var(--ct-query-header-color); 847 | font-style: var(--ct-inline-code-font-style) !important; 848 | border: 2px solid #000; 849 | border-radius: 4px; 850 | } 851 | 852 | .tippy-wrapper > :is(div:first-child, h2:first-child, .block-parents) a { 853 | color: var(--ct-query-header-color); 854 | } 855 | 856 | .tippy-popper .add-button { 857 | display: none; 858 | } 859 | 860 | :root { 861 | --ct-query-header-color: var(--ls-primary-background-color); 862 | --ct-query-header-background: var(--ct-primary-color); 863 | } 864 | 865 | /* query */ 866 | .custom-query > div:first-child { 867 | box-shadow: 0 0 0 2px var(--color-level-2); 868 | background-color: var(--color-level-1); 869 | border-radius: 8px; 870 | padding: 1rem 1.5rem; 871 | margin: 2px; 872 | position: relative; 873 | } 874 | 875 | .embed .custom-query > div:first-child { 876 | background: var(--ls-tertiary-background-color); 877 | } 878 | 879 | .dsl-query .custom-query-title > .font-medium, 880 | :not(.dsl-query) > .custom-query .custom-query-title { 881 | opacity: 1; 882 | font-family: var(--ct-code-font-family); 883 | font-size: var(--ct-inline-code-font-size); 884 | font-style: var(--ct-inline-code-font-style) !important; 885 | border-radius: var(--ct-inline-code-border-radius); 886 | width: auto; 887 | } 888 | 889 | :not(.dsl-query) > .custom-query .custom-query-title > .flex-row { 890 | position: absolute; 891 | left: 24px; 892 | text-shadow: none; 893 | font-family: inherit; 894 | color: var(--ls-primary-text-color); 895 | font-size: 0.875rem; 896 | font-family: var(--ls-font-family); 897 | } 898 | 899 | .dsl-query > .custom-query .foldable-title .opacity-70 code { 900 | background: none; 901 | color: var(--ct-query-header-color); 902 | } 903 | 904 | .block-body > .custom-query .foldable-title .opacity-70 > * { 905 | color: var(--ct-query-header-color); 906 | } 907 | 908 | .custom-query-title > .svg-small { 909 | display: none; 910 | } 911 | 912 | :root { 913 | --ct-marker-border-radius: 4px; 914 | --ct-task-done-text-decoration: none; 915 | --ct-marker-size: 16px; 916 | --ct-checkbox-color: var(--ls-active-primary-color); 917 | } 918 | 919 | /* Markers */ 920 | .form-checkbox, 921 | .form-checkbox:focus { 922 | border-radius: var(--ct-marker-border-radius); 923 | border: 2px solid var(--ct-checkbox-color) !important; 924 | background-color: transparent !important; 925 | height: var(--ct-marker-size); 926 | width: var(--ct-marker-size); 927 | } 928 | 929 | :is(.doing, .now) .form-checkbox, 930 | :is(.doing, .now) .form-checkbox:focus { 931 | background-color: var(--ct-block-reference-background-hover) !important; 932 | } 933 | 934 | .waiting .form-checkbox, 935 | .waiting .form-checkbox:focus { 936 | background-color: var(--ct-highlight-color) !important; 937 | } 938 | 939 | .form-checkbox:checked, 940 | .form-checkbox:checked:focus { 941 | background-color: var(--ct-success-color) !important; 942 | margin-right: 5px !important; 943 | } 944 | 945 | .done { 946 | color: var(--ct-task-done-text-color); 947 | text-decoration: var(--ct-task-done-text-decoration); 948 | } 949 | 950 | a[priority], 951 | a.priority { 952 | font-size: 0px; 953 | /* Hide text */ 954 | } 955 | 956 | a[priority=A]::before, 957 | a.priority[href="#/page/A" i]:before { 958 | content: "A"; 959 | background: var(--ct-warning-color); 960 | color: #000; 961 | } 962 | 963 | a[priority=B]::before, 964 | a.priority[href="#/page/B" i]:before { 965 | content: "B"; 966 | background: var(--ct-highlight-color); 967 | color: #000; 968 | } 969 | 970 | a[priority=C]::before, 971 | a.priority[href="#/page/C" i]:before { 972 | content: "C"; 973 | background: var(--ct-success-color); 974 | color: #fff; 975 | } 976 | 977 | a.priority[href="#/page/A" i], 978 | [href="#/page/B" i], 979 | [href="#/page/C" i] { 980 | display: inline-flex; 981 | opacity: 1 !important; 982 | } 983 | 984 | a[priority]::before, 985 | a.priority::before { 986 | transform: translateY(-1px); 987 | border: 1px solid #eee; 988 | border-radius: var(--ct-marker-border-radius); 989 | font-size: 12px; 990 | font-weight: 600; 991 | height: calc(var(--ct-marker-size) + 4px); 992 | width: calc(var(--ct-marker-size) + 4px); 993 | line-height: 1.5; 994 | text-align: center; 995 | display: inline-flex; 996 | align-items: center; 997 | justify-content: center; 998 | font-family: var(--ct-code-font-family); 999 | } 1000 | 1001 | a.tooltip-priority:first-of-type::before { 1002 | margin-left: 0.3em; 1003 | margin-top: 0.5em; 1004 | } 1005 | 1006 | .block-marker { 1007 | font-family: var(--ct-code-font-family); 1008 | font-size: var(--ct-inline-code-font-size); 1009 | } 1010 | 1011 | body[data-page=graph] .cp__sidebar-main-content { 1012 | --graph-height: calc(100vh - var(--ct-header-height)); 1013 | background: var(--ls-primary-background-color); 1014 | max-height: var(--graph-height); 1015 | } 1016 | body[data-page=graph] .cp__sidebar-main-content > div { 1017 | padding: 0; 1018 | } 1019 | 1020 | #global-graph > .graph { 1021 | height: var(--graph-height) !important; 1022 | } 1023 | 1024 | .graph-filters { 1025 | border: 2px solid #000; 1026 | box-shadow: 4px 4px black; 1027 | border-radius: 8px; 1028 | } 1029 | .graph-filters li:not(:last-of-type) { 1030 | border-bottom: 1px solid #000; 1031 | } 1032 | 1033 | html[data-theme=dark] #app-container::before { 1034 | opacity: 0.05; 1035 | } 1036 | 1037 | .dark-theme, 1038 | html[data-theme=dark] { 1039 | --ct-primary-color: #a3cef1; 1040 | --ct-secondary-color: #6096ba; 1041 | --ct-warning-color: #ff7262; 1042 | --ct-success-color: #0dcf82; 1043 | --ct-highlight-color: #d3a400; 1044 | --color-level-1: #313942; 1045 | --color-level-2: #38434c; 1046 | --color-level-3: #404b55; 1047 | --color-level-4: #525f6b; 1048 | --color-level-5: #606e7a; 1049 | --color-level-6: #697885; 1050 | --ls-primary-background-color: #272c35; 1051 | --ls-secondary-background-color: var(--color-level-1); 1052 | --ls-tertiary-background-color: var(--color-level-2); 1053 | --ls-quaternary-background-color: var(--color-level-3); 1054 | --ls-border-color: var(--ls-tertiary-background-color); 1055 | --ls-table-tr-even-background-color: var(--ls-secondary-background-color); 1056 | --ls-primary-text-color: rgb(235, 235, 235); 1057 | --ls-secondary-text-color: rgb(200, 200, 200); 1058 | --ct-bold-color: #fff; 1059 | --ls-link-text-color: var(--ct-primary-color); 1060 | --ls-link-ref-text-color: var(--ct-primary-color); 1061 | --ls-link-ref-text-hover-color: var(--ct-secondary-color); 1062 | --ls-active-primary-color: var(--ct-primary-color); 1063 | --ls-active-secondary-color: var(--ct-secondary-color); 1064 | --ls-external-link-color: var(--ct-secondary-color); 1065 | --ls-guideline-color: var(--ls-tertiary-background-color); 1066 | --ls-block-bullet-color: var(--ls-tertiary-background-color); 1067 | --ls-bullet-closed-color: var(--ls-secondary-text-color); 1068 | --ls-block-bullet-border-color: var(--ls-quaternary-background-color); 1069 | --ct-block-arrow-color: rgb(165, 165, 165); 1070 | --ct-page-reference-color: var(--ls-active-primary-color); 1071 | --ls-icon-color: var(--ls-primary-text-color); 1072 | --ct-block-reference-background: rgba(16, 107, 163, 0.2); 1073 | --ct-block-reference-background-hover: rgba(16, 107, 163, 0.3); 1074 | --ls-page-properties-background-color: var(--ls-tertiary-background-color); 1075 | --ls-scrollbar-foreground-color: var(--ls-secondary-background-color); 1076 | --ct-header-bg-color: #272c35ee; 1077 | --ls-selection-color: #000; 1078 | --ls-block-highlight-color: #32445a; 1079 | } 1080 | 1081 | .dark-theme .image-resize { 1082 | filter: brightness(0.8) saturate(85%); 1083 | } 1084 | 1085 | .white-theme, 1086 | .light-theme, 1087 | html[data-theme=light], 1088 | html[data-theme=white] { 1089 | --ct-primary-color: #106ba3; 1090 | --ct-secondary-color: #004174; 1091 | --ct-warning-color: #ff7262; 1092 | --ct-success-color: #0dcf82; 1093 | --ct-highlight-color: #ffc600; 1094 | --color-level-1: #f8f9fa; 1095 | --color-level-2: #e9ecef; 1096 | --color-level-3: #dee2e6; 1097 | --color-level-4: #b9bcbe; 1098 | --color-level-5: #aaaeb4; 1099 | --color-level-6: #9da2a8; 1100 | --ls-primary-background-color: #ffffff; 1101 | --ls-secondary-background-color: var(--color-level-1); 1102 | --ls-tertiary-background-color: var(--color-level-2); 1103 | --ls-quaternary-background-color: var(--color-level-3); 1104 | --ls-border-color: var(--ls-tertiary-background-color); 1105 | --ls-table-tr-even-background-color: var(--ls-secondary-background-color); 1106 | --ls-primary-text-color: rgb(40, 40, 40); 1107 | --ls-secondary-text-color: #161e2e; 1108 | --ct-bold-color: #000; 1109 | --ls-link-text-color: var(--ct-primary-color); 1110 | --ls-link-ref-text-color: var(--ct-primary-color); 1111 | --ls-link-ref-text-hover-color: var(--ct-secondary-color); 1112 | --ls-active-primary-color: var(--ct-primary-color); 1113 | --ls-active-secondary-color: var(--ct-secondary-color); 1114 | --ls-external-link-color: var(--ct-secondary-color); 1115 | --ls-guideline-color: var(--ls-tertiary-background-color); 1116 | --ls-block-bullet-color: var(--ls-tertiary-background-color); 1117 | --ls-bullet-closed-color: var(--ls-secondary-text-color); 1118 | --ls-block-bullet-border-color: var(--ls-quaternary-background-color); 1119 | --ct-block-arrow-color: rgb(98, 98, 98); 1120 | --ct-page-reference-color: var(--ls-active-primary-color); 1121 | --ls-icon-color: var(--ls-primary-text-color); 1122 | --ct-block-reference-background: rgba(16, 107, 163, 0.1); 1123 | --ct-block-reference-background-hover: rgba(16, 107, 163, 0.3); 1124 | --ls-page-properties-background-color: var(--ls-secondary-background-color); 1125 | --ls-selection-color: #fff; 1126 | --ct-header-bg-color: rgba(255, 255, 255, 0.9); 1127 | } 1128 | -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "logseq-dev-theme", 3 | "author": "pengx17", 4 | "version": "1.26.17", 5 | "description": "A custom theme for dev", 6 | "logseq": { 7 | "themes": [ 8 | { 9 | "name": "Dev theme", 10 | "url": "./custom.css" 11 | }, 12 | { 13 | "name": "Dev theme - WITHOUT bullet threading", 14 | "url": "./no_bullet_threading.css", 15 | "description": "Dev theme without bullet threading" 16 | } 17 | ], 18 | "id": "pengx17_dev_theme", 19 | "icon": "./logo.png" 20 | }, 21 | "scripts": { 22 | "build:main": "yarn sass src/main.scss custom.css --no-source-map", 23 | "build:bt": "yarn sass src/bullet_threading.scss bullet_threading.css --no-source-map", 24 | "build:no-bt": "yarn sass src/no_bullet_threading.scss no_bullet_threading.css --no-source-map", 25 | "build": "yarn build:main && yarn build:bt && yarn build:no-bt" 26 | }, 27 | "devDependencies": { 28 | "@semantic-release/changelog": "^5.0.1", 29 | "@semantic-release/git": "^9.0.0", 30 | "@semantic-release/npm": "^7.1.3", 31 | "sass": "^1.35.1" 32 | }, 33 | "dependencies": { 34 | "@semantic-release/exec": "^6.0.1" 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /readme.md: -------------------------------------------------------------------------------- 1 | # Logseq Dev Theme 2 | 3 | 🔔 Looking for maintainers! 🔔 4 | 5 | A theme inspired by Dev.to & Figma. 6 | 7 | 8 | 9 | This theme is actively maintained and used on a daily basis by the author. It should have the best UX on macOS. 10 | 11 | Features: 12 | - providing bullet threading for editing blocks (also available as [a standalone plugin](https://github.com/pengx17/logseq-plugin-bullet-threading)) 13 | - elegant font choices 14 | - delightful colors for markers 15 | 16 | ## Working Demo 17 | 18 | Check out my published knowledge garden at https://pengx17.github.io/knowledge-garden/. Though since the graph is read-only, you cannot test the bullet threading feature with it. 19 | 20 | ## Usage 21 | 22 | ### Marketplace 23 | This theme and bullet threading is available in the Marketplace. 24 | 25 | ![](./marketplace.png) 26 | 27 | ### Using custom.css 28 | 29 | Another way to adopt this theme is to use jsDelivr CDN by adding the following line to your `custom.css`. You can also change the `@main` part to use the latest version. This is the ONLY way to stylish your published graph for now. 30 | 31 | ```css 32 | /* This must be the first line of the custom.css with other import rules */ 33 | @import url("https://cdn.jsdelivr.net/gh/pengx17/logseq-dev-theme@main/custom.css"); 34 | 35 | /* You can also add other styles below to override the default theme values */ 36 | ``` 37 | 38 | ## Customization 39 | 40 | This theme does not provide official customization options. However, you can still change most of the colors and fonts. Please take a look [this issue for guidance](https://github.com/pengx17/logseq-dev-theme/issues/46). 41 | 42 | ## Caveats 43 | 44 | - If your theme defines border colors for the `children-block`, the bullet threading css may not work as expected. 45 | - This theme is guaranteed to work with the latest Logseq version WITHOUT backward compability. 46 | 47 | ## Demo (might be outdated) 48 | 49 | ![demo](./demo.png) 50 | 51 | https://user-images.githubusercontent.com/584378/128587194-bd775264-b3ba-4303-8595-060953fe8030.mp4 52 | 53 | 54 | ## Changelog 55 | 56 | You may refer to [Changelog](./CHANGELOG.md), but it might not be well organized. 57 | 58 | ## Credits 59 | 60 | [PiotrSss](https://github.com/PiotrSss) for his [clean-themes](https://github.com/PiotrSss/logseq-clean-themes) 61 | -------------------------------------------------------------------------------- /release.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | branches: ["main"], 3 | plugins: [ 4 | "@semantic-release/commit-analyzer", 5 | "@semantic-release/release-notes-generator", 6 | "@semantic-release/changelog", 7 | [ 8 | "@semantic-release/npm", 9 | { 10 | npmPublish: false, 11 | }, 12 | ], 13 | [ 14 | "@semantic-release/git", 15 | { 16 | assets: [ 17 | "CHANGELOG.md", 18 | "package.json", 19 | "yarn.lock", 20 | "custom.css", 21 | "bullet_threading.css", 22 | "no_bullet_threading.css" 23 | ], 24 | }, 25 | ], 26 | [ 27 | "@semantic-release/exec", 28 | { 29 | prepareCmd: 30 | "zip -qq -r logseq-dev-theme-${nextRelease.version}.zip logo.png *.css demo.png readme.md LICENSE package.json", 31 | }, 32 | ], 33 | [ 34 | "@semantic-release/github", 35 | { 36 | assets: "logseq-dev-theme-*.zip", 37 | }, 38 | ], 39 | ], 40 | }; 41 | -------------------------------------------------------------------------------- /src/_blocks.scss: -------------------------------------------------------------------------------- 1 | :root { 2 | --ct-bullet-size: 6px; 3 | --ct-block-max-width: calc(100% - 38px); 4 | } 5 | 6 | /* block reference */ 7 | .block-ref { 8 | display: inline; 9 | font-size: inherit; 10 | border-bottom-color: var(--ct-primary-color); 11 | border-bottom-style: dashed; 12 | } 13 | 14 | .block-body { 15 | width: 100%; 16 | } 17 | 18 | .block-body .raw_html { 19 | max-width: 100%; 20 | } 21 | 22 | .block-ref .block-body { 23 | display: inline-block; 24 | } 25 | 26 | .block-ref div { 27 | display: inline; 28 | } 29 | 30 | .block-ref .block-body > .cp__fenced-code-block div { 31 | display: block !important; 32 | } 33 | 34 | .block-ref .flex.flex-row.justify-between { 35 | display: inline; 36 | } 37 | 38 | .block-ref .block-ref { 39 | display: inline; 40 | padding: 0 0 0 0.2em; 41 | } 42 | 43 | .open-block-ref-link { 44 | opacity: 1; 45 | font-weight: 600; 46 | font-variant-numeric: tabular-nums; 47 | } 48 | 49 | .bullet-container .bullet { 50 | width: var(--ct-bullet-size); 51 | height: var(--ct-bullet-size); 52 | transform: scale(1.2); 53 | } 54 | 55 | .bullet-container.bullet-closed .bullet { 56 | background-color: var(--ls-primary-background-color); 57 | box-shadow: 0 0 1px 2px var(--ls-block-bullet-border-color); 58 | } 59 | 60 | a:hover > .bullet-container .bullet { 61 | opacity: 1; 62 | } 63 | 64 | .block-control svg { 65 | color: var(--ct-block-arrow-color); 66 | } 67 | 68 | .block-control:hover svg { 69 | filter: drop-shadow(2px 4px 6px black); 70 | } 71 | 72 | .block-control .rotating-arrow { 73 | display: block; 74 | border-radius: 50%; 75 | background-color: var(--ls-primary-background-color); 76 | width: 1rem; 77 | height: 1rem; 78 | margin-left: 2px; 79 | margin-top: 2px; 80 | box-shadow: 0 0 4px 2px var(--ls-primary-background-color); 81 | } 82 | 83 | .block-control .rotating-arrow > svg { 84 | margin-left: 0 !important; 85 | } 86 | 87 | // .ls-block div.items-center { 88 | // position: relative; 89 | // height: 26px !important; 90 | // } 91 | .ls-block div.block-control-wrap { 92 | position: relative; 93 | height: 26px !important; 94 | } 95 | 96 | // hovering block indicator 97 | .block-content-wrapper > div > .block-content { 98 | & > span > span > :first-child { 99 | position: relative; 100 | 101 | &::before { 102 | content: ""; 103 | display: block; 104 | position: absolute; 105 | width: 4px; 106 | height: 10px; 107 | top: calc(50% - 5px); 108 | left: -8px; 109 | transform: scaleY(0.5); 110 | transition: all 0.2s; 111 | opacity: 0; 112 | background: var(--ct-primary-color); 113 | border-radius: 2px; 114 | } 115 | } 116 | 117 | &:hover > span > span > :first-child::before { 118 | opacity: 1; 119 | transform: scaleY(1); 120 | } 121 | } 122 | 123 | /* Block oversize issue */ 124 | .block-content-wrapper { 125 | max-width: var(--ct-block-max-width); 126 | } 127 | 128 | .block-content-wrapper > div.flex-1 { 129 | width: 100%; 130 | } 131 | 132 | .block-content .resize { 133 | max-width: -webkit-fill-available; 134 | } 135 | 136 | .add-button-link-wrap:hover .add-button-link { 137 | color: var(--ls-primary-text-color); 138 | opacity: 0.6 !important; 139 | transform: scale(0.9); 140 | } 141 | 142 | // https://github.com/pengx17/logseq-dev-theme/issues/77 143 | // add space between content, time cost and scheduled date when references 144 | .block-ref a.fade-link::before, .block-ref a.fade-link::after, 145 | .block-ref .timestamp .opacity-80::before, .block-ref .timestamp .opacity-80::after { 146 | content: " "; 147 | } 148 | 149 | .block-ref a.fade-link, 150 | .block-ref .timestamp-label, 151 | .block-ref .timestamp .opacity-80 { 152 | font-size: 75% !important; 153 | } 154 | -------------------------------------------------------------------------------- /src/_embed.scss: -------------------------------------------------------------------------------- 1 | /* embed */ 2 | .embed, 3 | .embed-page, 4 | .embed-block { 5 | box-shadow: 1px 2px rgba(0, 0, 0); 6 | padding: 0.75em 0.5em; 7 | border: 2px solid #000; 8 | border-radius: 8px; 9 | margin: 0.5em; 10 | transition: all ease-in 0.3s; 11 | } 12 | 13 | :is(.embed, .embed-page, .embed-block):is(:hover, :focus-within) { 14 | box-shadow: 8px 8px rgba(0, 0, 0); 15 | transform: translate(-7px, -6px); 16 | } 17 | 18 | /* page embed */ 19 | .embed-page, 20 | .cp__right-sidebar .embed-page { 21 | background: var(--ls-secondary-background-color); 22 | } 23 | 24 | .embed-page .embed-header .mr-3 { 25 | margin-right: 0; 26 | } 27 | 28 | .embed-page .embed-header svg path { 29 | fill: var(--ct-page-embed-header-color); 30 | } 31 | 32 | .embed-page .embed-header a.page-ref { 33 | font-size: 1.2em; 34 | font-family: var(--ct-heading-font-family); 35 | font-weight: var(--ct-heading-font-weight); 36 | } 37 | 38 | /* block embed */ 39 | .embed-block, 40 | .cp__right-sidebar .embed-block { 41 | background: var(--ls-secondary-background-color); 42 | } 43 | 44 | @media (min-width: 800px) { 45 | .cp__sidebar-main-content[style*="wide"] iframe[id*="youtube-player-"] { 46 | height: 400px !important; 47 | } 48 | } 49 | 50 | @media (min-width: 1000px) { 51 | .cp__sidebar-main-content[style*="wide"] iframe[id*="youtube-player-"] { 52 | height: 500px !important; 53 | } 54 | } 55 | 56 | @media (min-width: 1200px) { 57 | .cp__sidebar-main-content[style*="wide"] iframe[id*="youtube-player-"] { 58 | height: 600px !important; 59 | } 60 | } 61 | -------------------------------------------------------------------------------- /src/_fonts.scss: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css2?family=Fira+Code"); 2 | 3 | // SIL Open Font License 1.1 (OFL) for Source Sans Fonts 4 | // https://github.com/adobe-fonts/source-sans/blob/release/LICENSE.md 5 | @import url("https://cdn.jsdelivr.net/gh/adobe-fonts/source-sans@3.046R/source-sans-3VF.css"); 6 | 7 | // Custom Source Han Sans VF fonts for Simplified Chinese 8 | @font-face { 9 | font-family: "Source Han Sans VF"; 10 | font-weight: 200 900; 11 | font-style: normal; 12 | font-stretch: normal; 13 | // The following is 8MB even after compression 14 | src: url("https://cdn.jsdelivr.net/gh/adobe-fonts/source-han-sans@release/Variable/WOFF2/OTF/Subset/SourceHanSansCN-VF.otf.woff2"); 15 | } 16 | 17 | @font-face { 18 | font-family: "Only Emoji"; 19 | src: local("Apple Color Emoji"), local("Android Emoji"), 20 | local("Segoe UI Emoji"), local("Segoe UI"); 21 | 22 | // the list of emojis may be wrong. 23 | unicode-range: U+200D, U+2049, U+20E3, U+2117, U+2120, U+2122, U+2139, 24 | U+2194-2199, U+21A9, U+21AA, U+229C, U+231A, U+231B, U+2328, U+23CF, 25 | U+23E9-23F3, U+23F8-23FE, U+24C2, U+25A1, U+25AA-25AD, U+25B6, U+25C0, 26 | U+25D0, U+25D1, U+25E7-25EA, U+25ED, U+25EE, U+25FB-25FE, U+2600-2605, 27 | U+260E, U+2611, U+2614, U+2615, U+2618, U+261D, U+2620, U+2622, U+2623, 28 | U+2626, U+262A, U+262E, U+262F, U+2638-263A, U+2640, U+2642, U+2648-2653, 29 | U+265F, U+2660, U+2663, U+2665, U+2666, U+2668, U+267B, U+267E, U+267F, 30 | U+2691-2697, U+2699, U+269B, U+269C, U+26A0, U+26A1, U+26A7, U+26AA, U+26AB, 31 | U+26B0, U+26B1, U+26BD, U+26BE, U+26C4, U+26C5, U+26C8, U+26CE, U+26CF, 32 | U+26D1, U+26D3, U+26D4, U+26E9, U+26EA, U+26F0-26F5, U+26F7-26FA, U+26FD, 33 | U+2702, U+2705, U+2708-270D, U+270F, U+2712, U+2714, U+2716, U+271D, U+2721, 34 | U+2728, U+2733, U+2734, U+2744, U+2747, U+274C, U+274E, U+2753-2755, U+2757, 35 | U+2763, U+2764, U+2795-2797, U+27A1, U+27B0, U+27BF, U+2934, U+2935, 36 | U+2B05-2B07, U+2B0C, U+2B0D, U+2B1B, U+2B1C, U+2B1F-2B24, U+2B2E, U+2B2F, 37 | U+2B50, U+2B55, U+2B58, U+2B8F, U+2BBA-2BBC, U+2BC3, U+2BC4, U+2BEA, U+2BEB, 38 | U+3030, U+303D, U+3297, U+3299, U+E000-E009, U+E010, U+E011, U+E040-E04B, 39 | U+E050-E058, U+E080-E0B4, U+E0C0-E0CA, U+E0FF-E10D, U+E140-E144, U+E146-E149, 40 | U+E150-E157, U+E181-E188, U+E1C0-E1C4, U+E1C6-E1D7, U+E200-E20E, U+E240-E269, 41 | U+E280-E283, U+E2C0-E2C4, U+E2C6-E2DA, U+E300-E303, U+E305-E30F, U+E312-E316, 42 | U+E318-E322, U+E324-E329, U+E32B, U+E340-E348, U+E380, U+E381, U+F000, 43 | U+F8FF, U+FE0F, U+1F004, U+1F0CF, U+1F10D-1F10F, U+1F12F, U+1F16D-1F171, 44 | U+1F17E, U+1F17F, U+1F18E, U+1F191-1F19A, U+1F1E6-1F1FF, U+1F201, U+1F202, 45 | U+1F21A, U+1F22F, U+1F232-1F23A, U+1F250, U+1F251, U+1F300-1F321, 46 | U+1F324-1F393, U+1F396, U+1F397, U+1F399-1F39B, U+1F39E-1F3F0, U+1F3F3-1F3F5, 47 | U+1F3F7-1F4FD, U+1F4FF-1F53D, U+1F549-1F54E, U+1F550-1F567, U+1F56F, U+1F570, 48 | U+1F573-1F57A, U+1F587, U+1F58A-1F58D, U+1F590, U+1F595, U+1F596, U+1F5A4, 49 | U+1F5A5, U+1F5A8, U+1F5B1, U+1F5B2, U+1F5BC, U+1F5C2-1F5C4, U+1F5D1-1F5D3, 50 | U+1F5DC-1F5DE, U+1F5E1, U+1F5E3, U+1F5E8, U+1F5EF, U+1F5F3, U+1F5FA-1F64F, 51 | U+1F680-1F6C5, U+1F6CB-1F6D2, U+1F6D5-1F6D7, U+1F6E0-1F6E5, U+1F6E9, U+1F6EB, 52 | U+1F6EC, U+1F6F0, U+1F6F3-1F6FC, U+1F7E0-1F7EB, U+1F90C-1F93A, U+1F93C-1F945, 53 | U+1F947-1F978, U+1F97A-1F9CB, U+1F9CD-1F9FF, U+1FA70-1FA74, U+1FA78-1FA7A, 54 | U+1FA80-1FA86, U+1FA90-1FAA8, U+1FAB0-1FAB6, U+1FAC0-1FAC2, U+1FAD0-1FAD6, 55 | U+1FBC5-1FBC9, U+E0061-E0067, U+E006C, U+E006E, U+E0070-E0079, U+E007F; 56 | } 57 | 58 | :root { 59 | --ct-text-size: 16px; 60 | --ct-line-height: 1.6; 61 | --ls-font-family: "Only Emoji", "Source Sans 3 VF", "Source Han Sans VF", 62 | sans-serif; 63 | --ct-page-title-font-family: var(--ls-font-family); 64 | --ct-code-font-family: "Fira Code", monospace; 65 | } 66 | 67 | html, 68 | body { 69 | font-size: var(--ct-text-size); 70 | font-family: var(--ls-font-family); 71 | overscroll-behavior-y: none; 72 | -webkit-font-smoothing: auto; 73 | line-height: var(--ct-line-height); 74 | } 75 | 76 | textarea { 77 | line-height: var(--ct-line-height); 78 | } 79 | 80 | // Source Han Sans VF does not support italic 81 | i { 82 | font-family: "Only Emoji", "Source Sans 3 VF", sans-serif; 83 | } 84 | -------------------------------------------------------------------------------- /src/_graph.scss: -------------------------------------------------------------------------------- 1 | body[data-page=graph] .cp__sidebar-main-content { 2 | --graph-height: calc(100vh - var(--ct-header-height)); 3 | 4 | background: var(--ls-primary-background-color); 5 | max-height: var(--graph-height); 6 | 7 | > div { 8 | padding: 0; 9 | } 10 | } 11 | 12 | #global-graph > .graph { 13 | height: var(--graph-height) !important; 14 | } 15 | 16 | .graph-filters { 17 | border: 2px solid #000; 18 | box-shadow: 4px 4px rgba(0, 0, 0); 19 | border-radius: 8px; 20 | 21 | li:not(:last-of-type) { 22 | border-bottom: 1px solid #000; 23 | } 24 | } 25 | 26 | -------------------------------------------------------------------------------- /src/_headings.scss: -------------------------------------------------------------------------------- 1 | :root { 2 | --ct-page-title-color: var(--ct-bold-color); 3 | --ct-page-title-font-size: 36px; 4 | --ct-page-title-line-height: 40px; 5 | --ct-page-title-font-weight: 300; 6 | --ct-page-title-font-style: normal; 7 | 8 | --ct-heading-font-family: var(--ct-page-title-font-family); 9 | --ct-heading-font-size: 25px; 10 | --ct-heading-font-weight: 700; 11 | --ct-heading-font-style: normal; 12 | 13 | --ct-header-height: calc(var(--ls-headbar-height) + var(--ls-headbar-inner-top-padding)); 14 | --ct-topbar-backdrop: blur(20px); 15 | } 16 | 17 | /* Heading & Page title */ 18 | h1.title { 19 | margin-top: 8px; 20 | font-family: var(--ct-page-title-font-family); 21 | font-size: var(--ct-page-title-font-size); 22 | font-weight: var(--ct-page-title-font-weight); 23 | font-style: var(--ct-page-title-font-style); 24 | color: var(--ct-page-title-color); 25 | line-height: var(--ct-page-title-line-height); 26 | text-shadow: var(--ct-page-title-text-shadow, none); 27 | } 28 | 29 | a.title h1.title { 30 | margin-top: 0; 31 | text-shadow: var(--ct-page-title-text-shadow, none); 32 | } 33 | 34 | .ls-block h2 { 35 | font-family: var(--ct-heading-font-family); 36 | font-weight: var(--ct-heading-font-weight); 37 | font-style: var(--ct-heading-font-style); 38 | color: var(--ct-heading-color); 39 | text-shadow: var(--ct-heading-text-shadow, none); 40 | } 41 | 42 | .cp__header::after, 43 | .cp__right-sidebar-topbar::after { 44 | left: 0; 45 | right: 0; 46 | height: 1px; 47 | z-index: 1; 48 | position: absolute; 49 | top: 100%; 50 | background-color: rgba(0, 0, 0, 0.16); 51 | display: block; 52 | content: ""; 53 | } 54 | 55 | .cp__header.electron-mac { 56 | height: var(--ct-header-height); 57 | } 58 | 59 | #search { 60 | padding: 0; 61 | align-self: stretch; 62 | } 63 | 64 | #search > .inner { 65 | display: flex; 66 | align-items: center; 67 | } 68 | 69 | #repo-switch { 70 | white-space: nowrap; 71 | } 72 | 73 | #repo-name { 74 | max-width: 150px; 75 | } 76 | 77 | .cp__right-sidebar-settings a { 78 | opacity: 0.6; 79 | &:hover { 80 | opacity: 1; 81 | } 82 | } 83 | 84 | .ls-block :is(h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5) { 85 | font-family: var(--ct-page-title-font-family); 86 | } 87 | 88 | .ls-block :is(h1, h2, .h1, .h2) { 89 | font-weight: var(--ct-page-title-font-weight); 90 | } 91 | 92 | .ls-block :is(h3, h4, .h3, .h4) { 93 | margin: 0.3em 0 0; 94 | } 95 | 96 | .ls-block :is(h4, .h4) { 97 | opacity: 0.8; 98 | } 99 | 100 | .ls-block .block-ref :is(h1, h2, h3, h4, h5) { 101 | font-size: 1em; 102 | } 103 | 104 | .ls-block :is(h1, h2, h3, h4, h5)::after { 105 | margin-left: 0.5rem; 106 | font-family: var(--ct-code-font-family); 107 | font-size: 0.6rem; 108 | font-style: var(--ct-inline-code-font-style) !important; 109 | border-radius: var(--ct-inline-code-border-radius); 110 | padding: var(--ct-inline-code-padding) !important; 111 | background: var(--ls-tertiary-background-color); 112 | color: var(--ct-inline-code-color); 113 | vertical-align: middle; 114 | opacity: 0.3; 115 | } 116 | 117 | .ls-block :is(h1, h2, h3, h4, h5):hover::after { 118 | opacity: 1; 119 | } 120 | 121 | .ls-block h1::after { 122 | content: "h1"; 123 | } 124 | 125 | .ls-block h2::after { 126 | content: "h2"; 127 | } 128 | 129 | .ls-block h3::after { 130 | content: "h3"; 131 | } 132 | 133 | .ls-block h4::after { 134 | content: "h4"; 135 | } 136 | 137 | .ls-block h5::after { 138 | content: "h5"; 139 | } 140 | -------------------------------------------------------------------------------- /src/_markers.scss: -------------------------------------------------------------------------------- 1 | :root { 2 | --ct-marker-border-radius: 4px; 3 | --ct-task-done-text-decoration: none; 4 | --ct-marker-size: 16px; 5 | --ct-checkbox-color: var(--ls-active-primary-color); 6 | } 7 | 8 | /* Markers */ 9 | .form-checkbox, 10 | .form-checkbox:focus { 11 | border-radius: var(--ct-marker-border-radius); 12 | border: 2px solid var(--ct-checkbox-color) !important; 13 | background-color: transparent !important; 14 | height: var(--ct-marker-size); 15 | width: var(--ct-marker-size); 16 | } 17 | 18 | :is(.doing, .now) .form-checkbox, 19 | :is(.doing, .now) .form-checkbox:focus { 20 | background-color: var(--ct-block-reference-background-hover) !important; 21 | } 22 | 23 | .waiting .form-checkbox, 24 | .waiting .form-checkbox:focus { 25 | background-color: var(--ct-highlight-color) !important; 26 | } 27 | 28 | .form-checkbox:checked, 29 | .form-checkbox:checked:focus { 30 | background-color: var(--ct-success-color) !important; 31 | margin-right: 5px !important; 32 | } 33 | 34 | .done { 35 | color: var(--ct-task-done-text-color); 36 | text-decoration: var(--ct-task-done-text-decoration); 37 | } 38 | 39 | a[priority], 40 | a.priority { 41 | font-size: 0px; /* Hide text */ 42 | } 43 | 44 | a[priority="A"]::before, 45 | a.priority[href="#/page/A" i]:before { 46 | content: "A"; 47 | background: var(--ct-warning-color); 48 | color: #000; 49 | } 50 | 51 | a[priority="B"]::before, 52 | a.priority[href="#/page/B" i]:before { 53 | content: "B"; 54 | background: var(--ct-highlight-color); 55 | color: #000; 56 | } 57 | 58 | a[priority="C"]::before, 59 | a.priority[href="#/page/C" i]:before { 60 | content: "C"; 61 | background: var(--ct-success-color); 62 | color: #fff; 63 | } 64 | 65 | a.priority[href="#/page/A" i], 66 | [href="#/page/B" i], 67 | [href="#/page/C" i] { 68 | display: inline-flex; 69 | opacity: 1 !important; 70 | } 71 | 72 | a[priority]::before, 73 | a.priority::before { 74 | transform: translateY(-1px); 75 | border: 1px solid #eee; 76 | border-radius: var(--ct-marker-border-radius); 77 | font-size: 12px; 78 | font-weight: 600; 79 | height: calc(var(--ct-marker-size) + 4px); 80 | width: calc(var(--ct-marker-size) + 4px); 81 | line-height: 1.5; 82 | text-align: center; 83 | display: inline-flex; 84 | align-items: center; 85 | justify-content: center; 86 | font-family: var(--ct-code-font-family); 87 | } 88 | 89 | a.tooltip-priority:first-of-type::before { 90 | margin-left: 0.3em; 91 | margin-top: 0.5em; 92 | } 93 | 94 | .block-marker { 95 | font-family: var(--ct-code-font-family); 96 | font-size: var(--ct-inline-code-font-size); 97 | } 98 | -------------------------------------------------------------------------------- /src/_miscs.scss: -------------------------------------------------------------------------------- 1 | :root { 2 | --ct-inline-code-font-size: 0.8em; 3 | --ct-inline-code-font-style: inherit; 4 | --ct-inline-code-border-radius: 2px; 5 | --ct-inline-code-padding: 2px 5px; 6 | } 7 | 8 | /* lists */ 9 | ol > li::marker { 10 | font-weight: 600; 11 | font-variant-numeric: tabular-nums; 12 | } 13 | 14 | .block-body ol > li::marker, 15 | .block-body ol > li > p { 16 | /* Hopefully this wont break anything ... */ 17 | display: inline; 18 | } 19 | 20 | .block-body dl, 21 | .block-body ol, 22 | .block-body ul { 23 | margin-bottom: 0.5em; 24 | } 25 | 26 | /* Bold */ 27 | b, 28 | strong { 29 | color: var(--ct-bold-color); 30 | font-weight: 600; 31 | } 32 | 33 | // strong elements should inherit font colors 34 | .with-bg-color :is(b, strong) { 35 | color: inherit; 36 | } 37 | 38 | /* External links */ 39 | .external-link, 40 | .external-link:hover { 41 | color: var(--ls-external-link-color); 42 | } 43 | 44 | .external-link:hover { 45 | opacity: 0.8; 46 | } 47 | 48 | /* highlight */ 49 | mark { 50 | background: transparent; 51 | padding: 0; 52 | color: inherit; 53 | font-size: inherit; 54 | text-decoration-style: solid; 55 | text-decoration: underline; 56 | text-decoration-color: var(--ct-highlight-color); 57 | text-decoration-thickness: 4px; 58 | text-underline-offset: -1px; 59 | text-decoration-skip-ink: none; 60 | } 61 | 62 | code, 63 | kbd, 64 | pre, 65 | samp { 66 | font-family: var(--ct-code-font-family); 67 | font-size: 0.8em; 68 | } 69 | 70 | pre { 71 | white-space: pre-wrap; 72 | } 73 | 74 | /* inline code */ 75 | 76 | :not(pre) > code { 77 | font-family: var(--ct-code-font-family); 78 | font-size: var(--ct-inline-code-font-size); 79 | font-style: var(--ct-inline-code-font-style) !important; 80 | border-radius: var(--ct-inline-code-border-radius); 81 | padding: var(--ct-inline-code-padding) !important; 82 | background: var(--ls-tertiary-background-color); 83 | color: var(--ct-inline-code-color); 84 | } 85 | 86 | /* Tags */ 87 | a.tag { 88 | border: 2px solid currentColor; 89 | padding: 0 4px; 90 | border-radius: 4px; 91 | font-weight: 600; 92 | line-height: 1.4; 93 | font-size: 0.8em; 94 | } 95 | 96 | a.tag:hover { 97 | background-color: var(--ct-block-reference-background-hover); 98 | } 99 | 100 | /* Block with-bg-color */ 101 | .with-bg-color { 102 | border-radius: 4px; 103 | } 104 | 105 | /* Makes texts in bg always readable */ 106 | .with-bg-color * { 107 | color: white !important; 108 | border-color: white !important; 109 | } 110 | 111 | /* Page properties */ 112 | .page-properties, 113 | .block-properties { 114 | --ls-page-properties-background-color: var(--ls-secondary-background-color); 115 | margin: 0 0 0.5em; 116 | font-size: 0.8em; 117 | width: fit-content; 118 | padding-right: 2rem; 119 | max-width: var(--ct-block-max-width); 120 | } 121 | 122 | .sidebar-item-list { 123 | .page-properties, 124 | .block-properties { 125 | --ls-page-properties-background-color: var(--ls-tertiary-background-color); 126 | } 127 | } 128 | 129 | /* Progress bar */ 130 | progress { 131 | vertical-align: middle; 132 | border-radius: 8px; 133 | height: 0.6em; 134 | width: 100px; 135 | border: 1px solid #000; 136 | overflow: hidden; 137 | } 138 | 139 | progress::-webkit-progress-bar { 140 | background: var(--ls-tertiary-background-color); 141 | } 142 | 143 | progress::-webkit-progress-value { 144 | background: var(--ct-success-color); 145 | } 146 | 147 | .cm-s-solarized.cm-s-dark { 148 | background: var(--ls-secondary-background-color) !important; 149 | } 150 | 151 | .cm-s-solarized.cm-s-dark .CodeMirror-gutters { 152 | background: var(--ls-tertiary-background-color) !important; 153 | } 154 | 155 | .CodeMirror pre.CodeMirror-line, 156 | .CodeMirror-gutter, 157 | .CodeMirror-gutters, 158 | .CodeMirror-linenumber, 159 | .CodeMirror-scroll, 160 | .CodeMirror-sizer, 161 | .CodeMirror { 162 | font-size: 12px; 163 | line-height: 16px; 164 | } 165 | 166 | .cm-s-solarized div.CodeMirror-selected { 167 | background: var(--ct-primary-color); 168 | color: var(--ls-selection-color); 169 | } 170 | 171 | .CodeMirror { 172 | background-color: var(--color-level-1); 173 | box-shadow: 0 0 0 2px var(--color-level-2); 174 | } 175 | 176 | .cm-s-solarized div.CodeMirror-selected { 177 | background: var(--color-level-4) !important; 178 | } 179 | 180 | 181 | .extensions__code { 182 | margin-top: 8px; 183 | } 184 | 185 | .extensions__code-calc { 186 | top: 8px; 187 | } 188 | 189 | .extensions__code-calc-output-line { 190 | height: 16px; 191 | font-size: 12px; 192 | } 193 | 194 | .extensions__code-lang { 195 | margin-left: 4px; 196 | height: 26px; 197 | border-radius: 4px; 198 | } 199 | 200 | .extensions__code-lang + div { 201 | margin-top: 0 !important; 202 | } 203 | 204 | .link_preview__root { 205 | max-width: 100%; 206 | } 207 | 208 | .page-icon { 209 | font-family: 'Inter', sans-serif; 210 | } 211 | -------------------------------------------------------------------------------- /src/_popups.scss: -------------------------------------------------------------------------------- 1 | /* Popups */ 2 | .tippy-tooltip { 3 | padding: 0.5em 0; 4 | min-width: 100px; 5 | color: var(--ct-page-font-color); 6 | -webkit-font-smoothing: auto; 7 | } 8 | 9 | .tippy-tooltip > .tippy-tooltip-content { 10 | border: 2px solid #000; 11 | border-radius: 8px; 12 | overflow: hidden; 13 | background: var(--ls-primary-background-color); 14 | } 15 | 16 | .tippy-wrapper, 17 | .tippy-tooltip { 18 | background: transparent; 19 | font-weight: unset !important; 20 | } 21 | 22 | .tippy-tooltip-content > .tippy-wrapper { 23 | padding: 0 !important; 24 | width: fit-content !important; 25 | max-width: 800px; 26 | background: var(--ls-primary-background-color); 27 | } 28 | 29 | .tippy-tooltip-content > .pr-3 { 30 | padding-left: 0.75rem; 31 | } 32 | 33 | .tippy-tooltip-content > .tippy-wrapper.overflow-y-auto { 34 | overflow: visible; 35 | display: flex; 36 | flex-flow: column; 37 | 38 | > div:last-of-type { 39 | overflow: auto; 40 | height: -webkit-fill-available; 41 | padding: 1.5em 1em 1em; 42 | min-width: 450px; 43 | } 44 | } 45 | 46 | .tippy-popper .arrow-regular { 47 | display: none; /* Hide the arrow */ 48 | } 49 | 50 | /* FIXME: this is a hack to remove scroll passed to scroll bottom issue */ 51 | .tippy-popper[style*="visibility: hidden"] { 52 | display: none; 53 | } 54 | 55 | /* Page preview title */ 56 | .tippy-wrapper > :is(div:first-child, h2:first-child, .block-parents) { 57 | display: inline-flex; 58 | align-items: center; 59 | position: absolute; 60 | left: -0.5em; 61 | top: -0.75em; 62 | z-index: 2; 63 | opacity: 1; 64 | padding: 2px 1em 2px 1em !important; 65 | background: var(--ct-query-header-background); 66 | white-space: nowrap; 67 | font-family: var(--ct-page-title-font-family); 68 | font-weight: 600; 69 | color: var(--ct-query-header-color); 70 | font-style: var(--ct-inline-code-font-style) !important; 71 | border: 2px solid #000; 72 | border-radius: 4px; 73 | } 74 | 75 | .tippy-wrapper > :is(div:first-child, h2:first-child, .block-parents) a { 76 | color: var(--ct-query-header-color); 77 | } 78 | 79 | // Hide add button for page preview 80 | .tippy-popper .add-button { 81 | display: none; 82 | } 83 | -------------------------------------------------------------------------------- /src/_queries.scss: -------------------------------------------------------------------------------- 1 | :root { 2 | --ct-query-header-color: var(--ls-primary-background-color); 3 | --ct-query-header-background: var(--ct-primary-color); 4 | } 5 | 6 | /* query */ 7 | .custom-query > div:first-child { 8 | box-shadow: 0 0 0 2px var(--color-level-2); 9 | background-color: var(--color-level-1); 10 | border-radius: 8px; 11 | padding: 1rem 1.5rem; 12 | margin: 2px; 13 | position: relative; 14 | } 15 | 16 | .embed .custom-query > div:first-child { 17 | background: var(--ls-tertiary-background-color); 18 | } 19 | 20 | .dsl-query .custom-query-title > .font-medium, 21 | :not(.dsl-query) > .custom-query .custom-query-title { 22 | opacity: 1; 23 | font-family: var(--ct-code-font-family); 24 | font-size: var(--ct-inline-code-font-size); 25 | font-style: var(--ct-inline-code-font-style) !important; 26 | border-radius: var(--ct-inline-code-border-radius); 27 | width: auto; 28 | } 29 | 30 | :not(.dsl-query) > .custom-query .custom-query-title > .flex-row { 31 | position: absolute; 32 | left: 24px; 33 | text-shadow: none; 34 | font-family: inherit; 35 | color: var(--ls-primary-text-color); 36 | font-size: 0.875rem; 37 | font-family: var(--ls-font-family); 38 | } 39 | 40 | .dsl-query > .custom-query .foldable-title .opacity-70 code { 41 | background: none; 42 | color: var(--ct-query-header-color); 43 | } 44 | 45 | .block-body > .custom-query .foldable-title .opacity-70 > * { 46 | color: var(--ct-query-header-color); 47 | } 48 | 49 | // what is this? should we remove it in upstream instead? 50 | .custom-query-title > .svg-small { 51 | display: none; 52 | } 53 | -------------------------------------------------------------------------------- /src/_root.scss: -------------------------------------------------------------------------------- 1 | :root { 2 | --ct-background: var(--ls-primary-background-color); 3 | --ct-page-font-color: var(--ls-primary-text-color); 4 | } 5 | 6 | :root.is-mac.is-electron { 7 | --ct-header-height: 48px; 8 | } 9 | 10 | ::selection { 11 | background: var(--ct-primary-color); 12 | color: var(--ls-selection-color); 13 | } 14 | 15 | /* Some tweaks on making this theme a bit more compact on mobile. 16 | Mobile cap is 640px */ 17 | @media (max-width: 640px) { 18 | html { 19 | font-size: 14px; 20 | } 21 | .cp__sidebar-main-content > div { 22 | padding: 1px 1em 1em 1em !important; 23 | border: none; 24 | } 25 | a.title h1.title { 26 | font-size: 24px; 27 | margin-bottom: 1rem; 28 | } 29 | 30 | .custom-query { 31 | padding: 0 1rem; 32 | } 33 | } 34 | 35 | /* Fix iphone issues */ 36 | html.is-native-iphone #left-sidebar { 37 | top: 0 !important; 38 | } 39 | 40 | /** 41 | * Journal page is too long for empty journals 42 | */ 43 | #journals .journal-item:first-child { 44 | min-height: fit-content; 45 | } 46 | 47 | .cp__header, 48 | .cp__right-sidebar-topbar { 49 | background: var(--ct-header-bg-color); 50 | } 51 | 52 | @supports not ( 53 | (-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px)) 54 | ) { 55 | .sidebar-item.content > div > div:first-of-type { 56 | background: var(--ct-header-bg-color); 57 | } 58 | } 59 | 60 | @supports ( 61 | (-webkit-backdrop-filter: blur(20px)) or (backdrop-filter: blur(20px)) 62 | ) { 63 | .sidebar-item.content > div > div:first-of-type { 64 | -webkit-backdrop-filter: blur(20px); 65 | backdrop-filter: blur(20px); 66 | background-color: transparent; 67 | } 68 | } 69 | 70 | :not(.color-level) .color-level { 71 | box-shadow: 0 0 0 2px var(--color-level-2); 72 | } 73 | 74 | // Fix a issue introduced in 0.4.6 75 | // See: https://github.com/logseq/logseq/commit/955648beeb98e00aefa167c8001c8fee6ed20cd1#diff-0a1590918f1e6dd3d7a862dd75cac598e0dc1ca3bdd790df91a67b5f5ec89f8b 76 | .scrollbar-spacing { 77 | height: 100%; 78 | overflow: auto !important; 79 | scrollbar-gutter: stable; 80 | } 81 | -------------------------------------------------------------------------------- /src/_theme_dark.scss: -------------------------------------------------------------------------------- 1 | html[data-theme="dark"] #app-container::before { 2 | opacity: 0.05; 3 | } 4 | 5 | .dark-theme, 6 | html[data-theme="dark"] { 7 | --ct-primary-color: #a3cef1; 8 | --ct-secondary-color: #6096ba; 9 | --ct-warning-color: #ff7262; 10 | --ct-success-color: #0dcf82; 11 | --ct-highlight-color: #d3a400; 12 | 13 | --color-level-1: #313942; 14 | --color-level-2: #38434c; 15 | --color-level-3: #404b55; 16 | --color-level-4: #525f6b; 17 | --color-level-5: #606e7a; 18 | --color-level-6: #697885; 19 | 20 | --ls-primary-background-color: #272c35; 21 | --ls-secondary-background-color: var(--color-level-1); 22 | --ls-tertiary-background-color: var(--color-level-2); 23 | --ls-quaternary-background-color: var(--color-level-3); 24 | 25 | --ls-border-color: var(--ls-tertiary-background-color); 26 | 27 | --ls-table-tr-even-background-color: var(--ls-secondary-background-color); 28 | 29 | --ls-primary-text-color: rgb(235, 235, 235); 30 | --ls-secondary-text-color: rgb(200, 200, 200); 31 | 32 | --ct-bold-color: #fff; 33 | 34 | --ls-link-text-color: var(--ct-primary-color); 35 | --ls-link-ref-text-color: var(--ct-primary-color); 36 | --ls-link-ref-text-hover-color: var(--ct-secondary-color); 37 | 38 | --ls-active-primary-color: var(--ct-primary-color); 39 | --ls-active-secondary-color: var(--ct-secondary-color); 40 | --ls-external-link-color: var(--ct-secondary-color); 41 | 42 | --ls-guideline-color: var(--ls-tertiary-background-color); 43 | --ls-block-bullet-color: var(--ls-tertiary-background-color); 44 | --ls-bullet-closed-color: var(--ls-secondary-text-color); 45 | --ls-block-bullet-border-color: var(--ls-quaternary-background-color); 46 | --ct-block-arrow-color: rgb(165, 165, 165); 47 | 48 | --ct-page-reference-color: var(--ls-active-primary-color); 49 | 50 | --ls-icon-color: var(--ls-primary-text-color); 51 | 52 | --ct-block-reference-background: rgba(16, 107, 163, 0.2); 53 | --ct-block-reference-background-hover: rgba(16, 107, 163, 0.3); 54 | 55 | --ls-page-properties-background-color: var(--ls-tertiary-background-color); 56 | 57 | --ls-scrollbar-foreground-color: var(--ls-secondary-background-color); 58 | 59 | --ct-header-bg-color: #272c35ee; 60 | 61 | --ls-selection-color: #000; 62 | --ls-block-highlight-color: #32445a; 63 | } 64 | 65 | .dark-theme .image-resize { 66 | filter: brightness(0.8) saturate(85%); 67 | } 68 | -------------------------------------------------------------------------------- /src/_theme_light.scss: -------------------------------------------------------------------------------- 1 | .white-theme, 2 | .light-theme, 3 | html[data-theme="light"], 4 | html[data-theme="white"] { 5 | --ct-primary-color: #106ba3; 6 | --ct-secondary-color: #004174; 7 | --ct-warning-color: #ff7262; 8 | --ct-success-color: #0dcf82; 9 | --ct-highlight-color: #ffc600; 10 | 11 | --color-level-1: #f8f9fa; 12 | --color-level-2: #e9ecef; 13 | --color-level-3: #dee2e6; 14 | --color-level-4: #b9bcbe; 15 | --color-level-5: #aaaeb4; 16 | --color-level-6: #9da2a8; 17 | 18 | --ls-primary-background-color: #ffffff; 19 | --ls-secondary-background-color: var(--color-level-1); 20 | --ls-tertiary-background-color: var(--color-level-2); 21 | --ls-quaternary-background-color: var(--color-level-3); 22 | 23 | --ls-border-color: var(--ls-tertiary-background-color); 24 | 25 | --ls-table-tr-even-background-color: var(--ls-secondary-background-color); 26 | 27 | --ls-primary-text-color: rgb(40, 40, 40); 28 | --ls-secondary-text-color: #161e2e; 29 | 30 | --ct-bold-color: #000; 31 | 32 | --ls-link-text-color: var(--ct-primary-color); 33 | --ls-link-ref-text-color: var(--ct-primary-color); 34 | --ls-link-ref-text-hover-color: var(--ct-secondary-color); 35 | 36 | --ls-active-primary-color: var(--ct-primary-color); 37 | --ls-active-secondary-color: var(--ct-secondary-color); 38 | --ls-external-link-color: var(--ct-secondary-color); 39 | 40 | --ls-guideline-color: var(--ls-tertiary-background-color); 41 | --ls-block-bullet-color: var(--ls-tertiary-background-color); 42 | --ls-bullet-closed-color: var(--ls-secondary-text-color); 43 | --ls-block-bullet-border-color: var(--ls-quaternary-background-color); 44 | --ct-block-arrow-color: rgb(98, 98, 98); 45 | 46 | --ct-page-reference-color: var(--ls-active-primary-color); 47 | 48 | --ls-icon-color: var(--ls-primary-text-color); 49 | 50 | --ct-block-reference-background: rgba(16, 107, 163, 0.1); 51 | --ct-block-reference-background-hover: rgba(16, 107, 163, 0.3); 52 | 53 | --ls-page-properties-background-color: var(--ls-secondary-background-color); 54 | 55 | --ls-selection-color: #fff; 56 | 57 | --ct-header-bg-color: rgba(255, 255, 255, 0.9); 58 | } 59 | -------------------------------------------------------------------------------- /src/_views.scss: -------------------------------------------------------------------------------- 1 | :root { 2 | --ct-sidebar-resizer-background: var(--ls-secondary-background-color); 3 | --ct-sidebar-resizer-background-hover: var(--ct-primary-color); 4 | } 5 | 6 | .theme-inner { 7 | background: var(--ls-primary-background-color); 8 | } 9 | 10 | .page { 11 | margin-top: 0; 12 | } 13 | 14 | /* Right side bar */ 15 | .cp__right-sidebar-inner { 16 | --ct-sidebar-padding: 0.5rem; 17 | } 18 | 19 | .cp__right-sidebar.is-open { 20 | background: var(--ct-sidebar-background); 21 | } 22 | 23 | .cp__right-sidebar .sidebar-item { 24 | margin: var(--ct-sidebar-padding) 0; 25 | border-radius: 2px; 26 | } 27 | 28 | .cp__right-sidebar { 29 | color: var(--ct-sidebar-font-color); 30 | } 31 | 32 | .sidebar-item-list { 33 | padding-top: var(--ct-header-height); 34 | position: absolute; 35 | top: 0; 36 | width: 100%; 37 | padding-left: 1rem; 38 | padding-right: 1rem; 39 | } 40 | 41 | /* Right sidebar title */ 42 | .sidebar-item .ml-1:not(.text-sm) { 43 | font-size: 1.2em; 44 | font-weight: bold; 45 | margin-left: 4px; 46 | font-family: var(--ct-page-title-font-family); 47 | } 48 | 49 | .sidebar-item .ml-1 a { 50 | color: var(--ls-primary-text-color); 51 | } 52 | 53 | .sidebar-item.content > div > div:first-of-type { 54 | position: sticky; 55 | top: 0; 56 | padding: 1rem; 57 | margin: -1rem; 58 | z-index: 10; 59 | } 60 | 61 | .sidebar-item.content > div > div:first-of-type + div { 62 | margin-top: 1.5rem; 63 | } 64 | 65 | .cp__right-sidebar-inner .resizer { 66 | background: var(--ct-sidebar-resizer-background); 67 | width: var(--ct-sidebar-padding); 68 | touch-action: none; 69 | z-index: 2000; 70 | opacity: 1; 71 | transition: background-color 0.2s 0.1s; 72 | } 73 | 74 | .cp__right-sidebar-inner .resizer:hover { 75 | opacity: 1; 76 | background: var(--ct-sidebar-resizer-background-hover); 77 | } 78 | 79 | .cp__right-sidebar, 80 | .cp__sidebar-main-layout { 81 | background-color: transparent; 82 | } 83 | 84 | /* Journals */ 85 | #journals .journal-item:first-child { 86 | margin-top: 0.5em; 87 | } 88 | 89 | #left-sidebar { 90 | height: 100%; 91 | padding-top: var(--ct-header-height); 92 | } 93 | 94 | .left-sidebar-inner { 95 | height: 100%; 96 | } 97 | 98 | .left-sidebar-inner > .wrap { 99 | margin-top: 0; 100 | padding-top: 12px; 101 | padding-bottom: 12px; 102 | } 103 | 104 | .left-sidebar-inner a.item > span { 105 | transform: translateY(2px); 106 | margin-top: 0; 107 | } 108 | 109 | .left-sidebar-inner .new-page { 110 | position: absolute; 111 | bottom: 0; 112 | } 113 | 114 | .left-sidebar-inner .nav-content-item { 115 | font-size: 0.875rem; 116 | font-weight: 500; 117 | } 118 | -------------------------------------------------------------------------------- /src/bullet_threading.scss: -------------------------------------------------------------------------------- 1 | :root { 2 | --ls-block-bullet-active-color: var( 3 | --ls-block-bullet-threading-active-color-overwrite, 4 | var(--ls-link-text-color) 5 | ); 6 | --ls-block-bullet-threading-width: var( 7 | --ls-block-bullet-threading-width-overwrite, 8 | 1px 9 | ); 10 | } 11 | 12 | .block-control { 13 | z-index: 1; 14 | } 15 | 16 | .block-children { 17 | border-left-color: var(--ls-guideline-color); 18 | // Must override this to make it compatible with other themes 19 | border-left-width: var(--ls-block-bullet-threading-width) !important; 20 | } 21 | 22 | .block-children-container { 23 | position: relative; 24 | } 25 | 26 | .block-children-left-border { 27 | z-index: 1; 28 | position: absolute; 29 | height: 100%; 30 | width: 4px; 31 | padding-right: 0px; 32 | border-radius: 2px; 33 | background-color: transparent; 34 | left: -1px; 35 | transition: background-color 0.2s; 36 | } 37 | 38 | .block-children-left-border:hover { 39 | background-color: var(--ls-block-bullet-active-color); 40 | } 41 | 42 | .block-content-wrapper { 43 | position: relative; 44 | overflow-x: visible !important; /* Fixme: overflow? */ 45 | } 46 | 47 | .bullet-container { 48 | height: 14px !important; 49 | width: 14px !important; 50 | position: relative; 51 | transform: translate(1px, -1px); 52 | } 53 | 54 | /* Block bullet path should only show in a nested block */ 55 | 56 | .ls-block { 57 | .bullet { 58 | background-color: var(--ls-block-bullet-active-color); 59 | box-shadow: 0 0 0 1px var(--ls-block-bullet-active-color); 60 | } 61 | 62 | // div.items-center { 63 | // position: relative; 64 | // height: 26px !important; 65 | // } 66 | 67 | div.block-control-wrap { 68 | position: relative; 69 | height: 26px !important; 70 | } 71 | 72 | /* Fix for headings like h1, h2 etc */ 73 | > .items-baseline { 74 | align-items: initial; 75 | } 76 | 77 | &:not(:focus-within) .bullet { 78 | background-color: var(--ls-block-bullet-color); 79 | transform: scale(1); 80 | box-shadow: none; 81 | } 82 | 83 | &:not(:focus-within) > .items-baseline { 84 | align-items: baseline; 85 | } 86 | 87 | /* Basic "curve" */ 88 | .ls-block > div > div.items-center::before { 89 | pointer-events: none; 90 | content: ""; 91 | left: calc(var(--ls-block-bullet-threading-width) * -1); 92 | right: 20px; 93 | top: calc(-50% + var(--ls-block-bullet-threading-width) * 0.5 - 1px); 94 | bottom: 50%; 95 | /* shift left 1px for border */ 96 | position: absolute; 97 | border-left: var(--ls-block-bullet-threading-width) solid transparent; 98 | border-bottom: var(--ls-block-bullet-threading-width) solid transparent; 99 | border-bottom-left-radius: 10px; 100 | } 101 | 102 | .ls-block:focus-within > div > div.items-center::before { 103 | border-color: var(--ls-block-bullet-active-color); 104 | } 105 | 106 | .block-children > .ls-block::before { 107 | pointer-events: none; 108 | content: ""; 109 | top: -1rem; 110 | bottom: 0; 111 | border-left: var(--ls-block-bullet-threading-width) solid transparent; 112 | left: calc(var(--ls-block-bullet-threading-width) * -1); 113 | position: absolute; 114 | } 115 | 116 | .block-children:focus-within > .ls-block:not(:focus-within)::before { 117 | border-color: var(--ls-block-bullet-active-color); 118 | } 119 | 120 | .block-children:focus-within > .ls-block:focus-within ~ .ls-block::before { 121 | border-color: transparent; 122 | } 123 | 124 | /* Fix multi-line blocks with children */ 125 | &[haschild] { 126 | > div > .block-content-wrapper::before { 127 | pointer-events: none; 128 | content: ""; 129 | top: 12px; 130 | bottom: 0; 131 | left: -21px; 132 | position: absolute; 133 | border-left: var(--ls-block-bullet-threading-width) solid transparent; 134 | } 135 | 136 | &:focus-within > div > .block-content-wrapper::before { 137 | border-color: var(--ls-block-bullet-active-color); 138 | } 139 | } 140 | } 141 | 142 | // A dirty fix for removing threading for the root blocks in embedded 143 | :is(.embed-block > div, .embed-page) 144 | > div 145 | > div 146 | > div 147 | > div.ls-block 148 | > div 149 | > div.items-center::before { 150 | border-color: transparent !important; 151 | } 152 | 153 | // Fix https://github.com/pengx17/logseq-plugin-bullet-threading/issues/1 154 | @media (max-width: 640px) { 155 | .ls-block[haschild] > div > .block-content-wrapper::before { 156 | left: -11px; 157 | } 158 | } 159 | 160 | /* Disable for doc mode */ 161 | .doc-mode div.items-center::before, 162 | .doc-mode div.items-center::after, 163 | .doc-mode .ls-block::before, 164 | .doc-mode .ls-block::after { 165 | display: none; 166 | } 167 | .doc-mode .block-children { 168 | border-left-width: 0px !important; 169 | } 170 | -------------------------------------------------------------------------------- /src/main.scss: -------------------------------------------------------------------------------- 1 | @import "fonts.scss"; 2 | // fonts need to be the first one 3 | @import "root.scss"; 4 | @import "views.scss"; 5 | @import "headings.scss"; 6 | @import "bullet_threading.scss"; 7 | @import "blocks.scss"; 8 | @import "embed.scss"; 9 | @import "miscs.scss"; 10 | @import "popups.scss"; 11 | @import "queries.scss"; 12 | @import "markers.scss"; 13 | @import "graph.scss"; 14 | @import "theme_dark.scss"; 15 | @import "theme_light.scss"; 16 | 17 | :root { 18 | --ls-block-bullet-threading-width: 2px; 19 | } 20 | -------------------------------------------------------------------------------- /src/no_bullet_threading.scss: -------------------------------------------------------------------------------- 1 | @import "fonts.scss"; 2 | // fonts need to be the first one 3 | @import "root.scss"; 4 | @import "views.scss"; 5 | @import "headings.scss"; 6 | @import "blocks.scss"; 7 | @import "embed.scss"; 8 | @import "miscs.scss"; 9 | @import "popups.scss"; 10 | @import "queries.scss"; 11 | @import "markers.scss"; 12 | @import "graph.scss"; 13 | @import "theme_dark.scss"; 14 | @import "theme_light.scss"; 15 | --------------------------------------------------------------------------------