hexo-theme-lnote 1.2.3

package/source/css/_pages/_links/links.styl

@@ -0,0 +1,79 @@
+.links
+  .card
+    box-shadow none
+    min-width 33%
+    background-color transparent
+    border 0
+
+  .card-body
+    margin 1rem 0
+    padding 1rem
+    border-radius .3rem
+    display block
+    width 100%
+    height 100%
+
+    &:hover
+      .link-avatar
+        transform scale(1.1)
+
+  .card-content
+    display flex
+    flex-wrap nowrap
+    width 100%
+    height 3.5rem
+
+.link-avatar
+  flex none
+  width 3rem
+  height 3rem
+  margin-right .75rem
+  object-fit cover
+  transition-duration .2s
+  transition-timing-function ease-in-out
+
+  img
+    width 100%
+    height 100%
+    border-radius 50%
+    background-color transparent
+    object-fit cover
+
+.link-text
+  flex 1
+  display grid
+  flex-direction column
+  line-height 1.5
+
+.link-title
+  overflow hidden
+  text-overflow ellipsis
+  white-space nowrap
+  color var(--text-color)
+  font-weight bold
+
+.link-intro
+  max-height 2rem
+  font-size 0.85rem
+  line-height 1.2
+  color var(--sec-text-color)
+  display -webkit-box
+  -webkit-box-orient vertical
+  -webkit-line-clamp 2
+  text-overflow ellipsis
+  overflow hidden
+
+@media (max-width 767px)
+  .links
+    display flex
+    flex-direction column
+    justify-content center
+    align-items center
+
+    .card
+      padding-left 2rem
+      padding-right 2rem
+
+@media (min-width 768px)
+  .link-text:only-child
+    margin-left 1rem

package/source/css/_pages/_post/comment.styl

@@ -0,0 +1,27 @@
+// Rewrite valine
+#valine.v[data-class=v]
+  .status-bar, .veditor, .vinput, .vbtn, p, pre code
+    color var(--text-color)
+
+  .vinput::placeholder
+    color var(--sec-text-color)
+
+  .vicon
+    fill var(--text-color)
+
+// Rewrite gitalk
+.gt-container
+
+  .gt-comment-content:hover
+    -webkit-box-shadow none
+    box-shadow none
+
+  .gt-comment-body
+    color var(--text-color) !important
+    transition color .2s ease-in-out
+
+// Rewrite remark42
+#remark-km423lmfdslkm34-back
+  z-index 1030
+#remark-km423lmfdslkm34-node
+  z-index 1031

package/source/css/_pages/_post/highlight.styl

@@ -0,0 +1,75 @@
+.markdown-body
+  .highlight pre, pre
+    padding 1.45rem 1rem
+
+  pre code.hljs
+    padding 0
+
+  .highlight
+    position relative
+    border-radius 8px
+    padding-top: 28px
+    background-color: var(--code-mac-top-bg)
+    &::before
+      background: #fc625d
+      border-radius: 50%
+      box-shadow: 1.2em 0 #fdbc40, 2.4em 0 #35cd4b
+      content: ' '
+      height: 0.8em
+      width: 0.8em
+      left: 0.8em
+      margin-top: -1.2em
+      position: absolute
+    .btn-clipboard
+      position: absolute
+      top: 0.3em
+      right: 0.5em
+      cursor: pointer
+      z-index: 2
+      border: 0
+      background-color: transparent
+      padding: 0
+      line-height: 1
+    table
+      background-color: var(--code-mac-body-bg)
+      table-layout: fixed
+      width: 100%
+
+figure
+  margin 1rem 0
+
+figure.highlight
+  position relative
+
+  table
+    border 0
+    margin 0
+    width auto
+    border-radius 4px
+
+  td
+    border 0
+    padding 0
+
+  tr
+    border 0
+
+  td.code
+    width 100%
+
+  td.gutter
+    display table-cell
+    width: 3em
+
+    pre
+      text-align right
+      padding 0 .75rem
+      border-radius initial
+      border-right 1px solid #999
+
+      span.line
+        color #999
+
+  td.code > pre
+    border-top-left-radius 0
+    border-bottom-left-radius 0

package/source/css/_pages/_post/markdown.styl

@@ -0,0 +1,96 @@
+// Rewrite github-markdown.css
+.markdown-body
+  font-size 1rem
+  line-height 1.6
+  font-family $font-family
+  margin-bottom 2rem
+  color var(--post-text-color)
+
+  & > h1, > h2
+    border-bottom: 1px solid var(--line-color)
+    margin-bottom: 0.75em
+    margin-top: 2em
+    padding-bottom: 1rem
+
+  & > h3
+    margin-top: 1.2em
+    margin-bottom: 0.4em
+
+  & > h1, > h2, > h3, > h4, > h5, > h6
+    color var(--post-heading-color)
+    transition color .2s ease-in-out, border-bottom-color 0.2s ease-in-out
+    font-weight bold
+
+    &:focus
+      outline none
+
+  a
+    color var(--bs-link-color);
+
+  strong
+    font-weight bold
+
+  /* code
+    tab-size 4
+    background-color var(--inlinecode-bg-color)
+    transition background-color .2s ease-in-out */
+
+  /* table
+    tr
+      background-color var(--board-bg-color)
+      transition background-color .2s ease-in-out
+    tr:nth-child(2n)
+      background-color var(--board-bg-color)
+      transition background-color .2s ease-in-out
+    th, td
+      border-color var(--line-color)
+      transition border-color .2s ease-in-out */
+
+  pre
+    font-size $code-font-size !important
+
+    .mermaid
+      text-align center
+
+      & > svg
+        min-width 100%
+
+  p > img, p > a > img, figure > img, figure > a > img
+    max-width 90%
+    margin 1.5rem auto
+    display block
+    box-shadow $img-shadow
+    border-radius 4px
+    background-color transparent
+
+  blockquote
+    color var(--sec-text-color)
+
+  details
+    cursor pointer
+
+    summary
+      outline none
+
+// Rewrite hr
+hr, .markdown-body hr
+  background-color initial
+  border-top 1px solid var(--line-color)
+  transition border-top-color .2s ease-in-out
+
+.markdown-body hr
+  height 0
+  margin 2rem 0
+
+// Rewrite figcaption
+.markdown-body
+  figcaption.image-caption
+    font-size .8rem
+    color var(--post-text-color)
+    opacity 0.65
+    line-height 1
+    margin -0.75rem auto 2rem
+    text-align center
+
+  figcaption:not(.image-caption)
+    display none

package/source/css/_pages/_post/post-page.styl

@@ -0,0 +1,179 @@
+.post-content, post-custom
+  box-sizing border-box
+  padding-left 10%
+  padding-right 10%
+
+@media (max-width: 767px)
+  .post-content, post-custom
+    padding-left 2rem
+    padding-right 2rem
+
+@media (max-width: 424px)
+  .post-content, post-custom
+    padding-left 1rem
+    padding-right 1rem
+
+  .anchorjs-link-left
+    opacity 0 !important
+
+.page-content, .post-content
+  strong
+    font-weight bold
+
+  & > *:first-child
+    margin-top 0
+
+  img
+    object-fit cover
+    max-width 100%
+
+@media (max-width: 767px)
+  .page-content, .post-content
+    overflow-x hidden
+
+.post-metas
+  display flex
+  flex-wrap wrap
+  font-size .9rem
+
+.post-meta
+
+  & > *:not(.hover-with-bg)
+    margin-right .2rem
+
+.post-prevnext
+  display flex
+  flex-wrap wrap
+  justify-content space-between
+  font-size .9rem
+  margin-left -.35rem
+  margin-right -.35rem
+
+  .post-prev, .post-next
+    display flex
+    padding-left 0
+    padding-right 0
+
+    i
+      font-size 1.5rem
+
+    a
+      display flex
+      align-items center
+
+    .hidden-mobile
+      display -webkit-box
+      -webkit-box-orient vertical
+      -webkit-line-clamp 2
+      text-overflow ellipsis
+      overflow hidden
+
+    @media (max-width: 575px)
+      .hidden-mobile
+        display none
+
+  .post-prev:hover i, .post-prev:active i, .post-next:hover i, .post-next:active i
+    -webkit-animation-duration 1s
+    animation-duration 1s
+    -webkit-animation-delay .1s
+    animation-delay .1s
+    -webkit-animation-timing-function ease-in-out
+    animation-timing-function ease-in-out
+    -webkit-animation-iteration-count infinite
+    animation-iteration-count infinite
+    -webkit-animation-fill-mode forwards
+    animation-fill-mode forwards
+    -webkit-animation-direction alternate
+    animation-direction alternate
+
+  .post-prev:hover i, .post-prev:active i
+    -webkit-animation-name post-prev-anim
+    animation-name post-prev-anim
+
+  .post-next:hover i, .post-next:active i
+    -webkit-animation-name post-next-anim
+    animation-name post-next-anim
+
+  .post-next
+    justify-content flex-end
+
+  .fa-chevron-left
+    margin-right .5rem
+
+  .fa-chevron-right
+    margin-left .5rem
+
+@keyframes post-prev-anim
+  0%
+    -webkit-transform translateX(0)
+    transform translateX(0)
+  50%
+    -webkit-transform translateX(-0.35rem)
+    transform translateX(-0.35rem)
+  100%
+    -webkit-transform translateX(0)
+    transform translateX(0)
+
+@keyframes post-next-anim
+  0%
+    -webkit-transform translateX(0)
+    transform translateX(0)
+  50%
+    -webkit-transform translateX(0.35rem)
+    transform translateX(0.35rem)
+  100%
+    -webkit-transform translateX(0)
+    transform translateX(0)
+
+#seo-header
+  color var(--post-heading-color)
+  font-weight bold
+  margin-top 0.5em
+  margin-bottom 0.75em
+  border-bottom-color var(--line-color)
+  border-bottom-style solid
+  border-bottom-width 2px
+  line-height 1.5
+
+.custom, #comments
+  margin-top 2rem
+
+#comments
+  noscript
+    display block
+    text-align center
+    padding 2rem 0
+
+.visitors
+  font-size .8em
+  padding .45rem
+  float right
+
+a.fancybox:hover
+  text-decoration none
+
+// Rewrite mathjax
+mjx-container, .mjx-container
+  overflow-x auto
+  overflow-y hidden !important
+  padding .5em 0
+
+  &:focus, svg:focus
+    outline none
+
+.mjx-char
+  line-height 1
+
+// Rewrite katex
+.katex-block
+  overflow-x auto
+
+.katex, .mjx-mrow
+  white-space pre-wrap !important
+
+// Rewrite hint
+.footnote-ref [class*=hint--][aria-label]:after
+  max-width 12rem
+  white-space nowrap
+  overflow hidden
+  text-overflow ellipsis

package/source/css/_pages/_post/post-tag.styl

@@ -0,0 +1,29 @@
+// note
+.note
+  border-left 0.35rem solid
+  margin 1.5rem 0
+  transition color .2s ease-in-out
+  a
+    color var(--text-color)
+    transition color .2s ease-in-out
+
+  *:last-child
+    margin-bottom 0
+
+// group-image
+.group-image-container
+  margin 1.5rem auto
+  img
+    width: 100%
+    height: 100%
+    object-fit: cover
+  .image-adapter
+    padding-bottom: 100%
+    position: relative
+    > div
+      width: 100%
+      height: 100%
+      position: absolute
+      left: 0
+      top: 0
+      z-index: 2

package/source/css/_pages/_tag/tag.styl

@@ -0,0 +1,9 @@
+.lnote-popover-btn
+    --bs-btn-padding-y: 0
+    --bs-btn-line-height: 1
+.lnote-popover
+    --bs-popover-border-color: var(--bs-primary)
+    --bs-popover-header-bg: var(--bs-primary)
+    --bs-popover-header-color: var(--bs-white)
+    --bs-popover-body-padding-x: 1rem
+    --bs-popover-body-padding-y: .5rem

package/source/css/_pages/_tag/tags.styl

@@ -0,0 +1,9 @@
+.tagcloud
+  padding 1rem 5%
+
+  a
+    display inline-block
+    padding .5rem
+
+    &:hover
+      color var(--link-hover-color) !important

package/source/css/_pages/pages.styl

@@ -0,0 +1,8 @@
+@import "_base/*"
+@import "_index/*"
+@import "_post/*"
+@import "_archive/*"
+@import "_about/*"
+@import "_category/*"
+@import "_tag/*"
+@import "_links/*"

package/source/css/_variables/base.styl

@@ -0,0 +1,72 @@
+// font
+// $font-size = theme-config("font.font_size", "16px")
+$font-size = 16px
+$letter-spacing = 0.02em
+$font-family = var(--font-family-sans-serif)
+$code-font-size = 85%
+
+// body
+$body-bg-color = #fff
+$body-bg-color-dark = #000
+
+// text
+$text-color = #000
+$text-color-dark = #dbdbdb
+$sec-text-color = #000
+$sec-text-color-dark = #e6e6e6
+
+// post
+$post-text-color = #000
+$post-text-color-dark = #c8c8c8
+$post-heading-color = #000
+$post-heading-color-dark = #d0d0d0
+$post-link-color = #2c3e50
+$post-link-color-dark = #c4c6c9
+$link-hover-color = #30a9de
+$link-hover-color-dark = #30a9de
+$link-hover-bg-color = #ebedef
+$link-hover-bg-color-dark = #3d424b
+$line-color = #eaecef
+$line-color-dark = #435266
+$button-bg-color = #f6f8fa
+$button-bg-color-dark = #2f4154
+$button-hover-bg-color = #f2f3f5
+$button-hover-bg-color-dark = #46647e
+
+// navbar
+$navbar-bg-color = #000
+$navbar-bg-color-dark = #000
+$navbar-text-color = #fff
+$navbar-text-color-dark = #d0d0d0
+$navbar-glass-enable = false
+$navbar-glass-px = 0px
+$navbar-glass-alpha = 0
+
+// banner
+$banner-width-height-ratio = 0
+
+// subtitle
+$subtitle-color = #fff
+$subtitle-color-dark = #d0d0d0
+
+// scroll arrow
+$scroll-arrow-height-limit = 0
+
+// board
+$board-bg-color = #fff
+$board-bg-color-dark = #252d38
+
+// scrollbar
+$scrollbar-color = #c4c6c9
+$scrollbar-color-dark = #687582
+$scrollbar-hover-color = #a6a6a6
+$scrollbar-hover-color-dark = #9da8b3
+
+// code
+$highlight-bg-color = #f6f8fa
+$highlight-bg-color-dark = #2d333b
+$inlinecode-bg-color = rgba(175, 184, 193, .2)
+$inlinecode-bg-color-dark = rgba(99, 110, 123, .4)
+
+// shadow
+$img-shadow = 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15)