diff --git a/src/client/app/common/views/components/note-header.vue b/src/client/app/common/views/components/note-header.vue
index f4a2f008769146d647777ce1be716fc199749ea4..48dfae5f84ef1f440bc91ef39e2135ab9a5a8ae4 100644
--- a/src/client/app/common/views/components/note-header.vue
+++ b/src/client/app/common/views/components/note-header.vue
@@ -110,7 +110,7 @@ root(isDark)
> .app
margin-right 8px
padding-right 8px
- border-right solid 1px isDark ? #1c2023 : #eaeaea
+ border-right solid 1px var(--faceDivider)
> .visibility
margin-left 8px
diff --git a/src/client/app/desktop/views/components/notes.note.vue b/src/client/app/desktop/views/components/notes.note.vue
index 13a864117071ed16453402b4aba00fd015ecb6ef..4f2b0241e83750dbc719679a943b60315e795c5e 100644
--- a/src/client/app/desktop/views/components/notes.note.vue
+++ b/src/client/app/desktop/views/components/notes.note.vue
@@ -323,7 +323,7 @@ root(isDark)
margin 0
padding 0
background var(--face)
- border-bottom solid 1px isDark ? #1c2023 : #eaeaea
+ border-bottom solid 1px var(--faceDivider)
&[data-round]
&:first-child
diff --git a/src/client/app/desktop/views/components/notes.vue b/src/client/app/desktop/views/components/notes.vue
index 0bd45b1c21d5330d014322e55c05b073e7fc9e9a..d0148eef58709c7c33e6511f1cff87c3238efa98 100644
--- a/src/client/app/desktop/views/components/notes.vue
+++ b/src/client/app/desktop/views/components/notes.vue
@@ -237,7 +237,7 @@ root(isDark)
text-align center
color isDark ? #666b79 : #aaa
background isDark ? #242731 : #fdfdfd
- border-bottom solid 1px isDark ? #1c2023 : #eaeaea
+ border-bottom solid 1px var(--faceDivider)
span
margin 0 16px
@@ -261,7 +261,7 @@ root(isDark)
text-align center
color #ccc
background var(--face)
- border-top solid 1px isDark ? #1c2023 : #eaeaea
+ border-top solid 1px var(--faceDivider)
border-bottom-left-radius 6px
border-bottom-right-radius 6px
diff --git a/src/client/app/desktop/views/pages/deck/deck.note.vue b/src/client/app/desktop/views/pages/deck/deck.note.vue
index 82e816cc8cfc6763eaa4b28eafefc5eec58fce3c..04ddcd488db2f8b237aea06f684a94f486a8ade0 100644
--- a/src/client/app/desktop/views/pages/deck/deck.note.vue
+++ b/src/client/app/desktop/views/pages/deck/deck.note.vue
@@ -228,7 +228,7 @@ mediaRoot(isDark)
root(isDark)
font-size 13px
- border-bottom solid 1px isDark ? #1c2023 : #eaeaea
+ border-bottom solid 1px var(--faceDivider)
&:last-of-type
border-bottom none
diff --git a/src/client/app/desktop/views/pages/deck/deck.notes.vue b/src/client/app/desktop/views/pages/deck/deck.notes.vue
index 1217e0d4da2ad9374e6471b4dcedb5a19a75f338..214ec3cdf7c216aece2d5c63778f2a93b3df9d09 100644
--- a/src/client/app/desktop/views/pages/deck/deck.notes.vue
+++ b/src/client/app/desktop/views/pages/deck/deck.notes.vue
@@ -216,7 +216,7 @@ root(isDark)
text-align center
color isDark ? #666b79 : #aaa
background isDark ? #242731 : #fdfdfd
- border-bottom solid 1px isDark ? #1c2023 : #eaeaea
+ border-bottom solid 1px var(--faceDivider)
span
margin 0 16px
@@ -233,7 +233,7 @@ root(isDark)
text-align center
color #ccc
background var(--face)
- border-top solid 1px isDark ? #1c2023 : #eaeaea
+ border-top solid 1px var(--faceDivider)
border-bottom-left-radius 6px
border-bottom-right-radius 6px
diff --git a/src/client/app/desktop/views/pages/deck/deck.notifications.vue b/src/client/app/desktop/views/pages/deck/deck.notifications.vue
index f73f221b7b756643a034fd564262aa72b4504a01..8a28061260514c5378633d4f9633c39f86eb26df 100644
--- a/src/client/app/desktop/views/pages/deck/deck.notifications.vue
+++ b/src/client/app/desktop/views/pages/deck/deck.notifications.vue
@@ -169,7 +169,7 @@ root(isDark)
> .notifications
> .notification:not(:last-child)
- border-bottom solid 1px isDark ? #1c2023 : #eaeaea
+ border-bottom solid 1px var(--faceDivider)
> .date
display block
@@ -179,7 +179,7 @@ root(isDark)
font-size 0.8em
color isDark ? #666b79 : #aaa
background isDark ? #242731 : #fdfdfd
- border-bottom solid 1px isDark ? #1c2023 : #eaeaea
+ border-bottom solid 1px var(--faceDivider)
span
margin 0 16px
diff --git a/src/client/app/mobile/views/components/note.vue b/src/client/app/mobile/views/components/note.vue
index 2bfd8f8acc7b98a8272f7bed07c6661a8b634c7f..a8b733fae7716da459a84d08cfd78b6d392ae6b1 100644
--- a/src/client/app/mobile/views/components/note.vue
+++ b/src/client/app/mobile/views/components/note.vue
@@ -232,7 +232,7 @@ export default Vue.extend({
root(isDark)
font-size 12px
- border-bottom solid 1px isDark ? #1c2023 : #eaeaea
+ border-bottom solid 1px var(--faceDivider)
&:last-of-type
border-bottom none
diff --git a/src/client/app/mobile/views/components/notes.vue b/src/client/app/mobile/views/components/notes.vue
index 539141954ba7ec48651c5f314e5f474e86769c8c..8841b0e6bfef2727d91aef9ffe0b3a6538afe1bc 100644
--- a/src/client/app/mobile/views/components/notes.vue
+++ b/src/client/app/mobile/views/components/notes.vue
@@ -245,7 +245,7 @@ root(isDark)
font-size 0.9em
color isDark ? #666b79 : #aaa
background isDark ? #242731 : #fdfdfd
- border-bottom solid 1px isDark ? #1c2023 : #eaeaea
+ border-bottom solid 1px var(--faceDivider)
span
margin 0 16px
@@ -276,7 +276,7 @@ root(isDark)
> footer
text-align center
- border-top solid 1px isDark ? #1c2023 : #eaeaea
+ border-top solid 1px var(--faceDivider)
&:empty
display none
diff --git a/src/client/app/mobile/views/components/notifications.vue b/src/client/app/mobile/views/components/notifications.vue
index 11ac23f4b179d8b73bb019373289e8216f503418..8243a9bfb3bcb2706e18676eb6b7ce2696ec9476 100644
--- a/src/client/app/mobile/views/components/notifications.vue
+++ b/src/client/app/mobile/views/components/notifications.vue
@@ -126,7 +126,7 @@ root(isDark)
> .notifications
> .mk-notification:not(:last-child)
- border-bottom solid 1px isDark ? #1c2023 : #eaeaea
+ border-bottom solid 1px var(--faceDivider)
> .date
display block
@@ -136,7 +136,7 @@ root(isDark)
font-size 0.8em
color isDark ? #666b79 : #aaa
background isDark ? #242731 : #fdfdfd
- border-bottom solid 1px isDark ? #1c2023 : #eaeaea
+ border-bottom solid 1px var(--faceDivider)
span
margin 0 16px
diff --git a/src/client/theme/dark.json b/src/client/theme/dark.json
index 5d0272a375b769a9e29174c9254949acb36195eb..cf9306558bc2ae9e633a648688faccc323fe3662 100644
--- a/src/client/theme/dark.json
+++ b/src/client/theme/dark.json
@@ -10,6 +10,7 @@
"scrollbarHandleHover": "#535660",
"face": "#282c37",
"faceHeader": "#313543",
+ "faceDivider": "rgba(0, 0, 0, 0.3)",
"mobileSignedInAsBg": "#273c34",
"mobileSignedInAsFg": "#49ab63",
"mobileSignoutBg": "#652222",
diff --git a/src/client/theme/light.json b/src/client/theme/light.json
index 4cba3be499d794106cb41389fa32d49ff00bedd4..64ebd8e2932a5f0a9f27124ad666a04d41065510 100644
--- a/src/client/theme/light.json
+++ b/src/client/theme/light.json
@@ -10,6 +10,7 @@
"scrollbarHandleHover": "#00000066",
"face": "#fff",
"faceHeader": "#fff",
+ "faceDivider": "rgba(0, 0, 0, 0.082)",
"mobileSignedInAsBg": "#fcfff5",
"mobileSignedInAsFg": "#2c662d",
"mobileSignoutBg": "#fff6f5",