diff options
| author | syuilo <syuilotan@yahoo.co.jp> | 2018-04-21 19:05:55 +0900 |
|---|---|---|
| committer | syuilo <syuilotan@yahoo.co.jp> | 2018-04-21 19:05:55 +0900 |
| commit | 29a121f5b24438ecf9fcf7fa59dc4eda93523f46 (patch) | |
| tree | bb984a12ffe41e7e7b6963e1bc5cd9d72d0bc1f9 /src | |
| parent | Fix #1529 (diff) | |
| download | sharkey-29a121f5b24438ecf9fcf7fa59dc4eda93523f46.tar.gz sharkey-29a121f5b24438ecf9fcf7fa59dc4eda93523f46.tar.bz2 sharkey-29a121f5b24438ecf9fcf7fa59dc4eda93523f46.zip | |
Darken
Diffstat (limited to 'src')
| -rw-r--r-- | src/client/app/common/views/components/url-preview.vue | 18 |
1 files changed, 12 insertions, 6 deletions
diff --git a/src/client/app/common/views/components/url-preview.vue b/src/client/app/common/views/components/url-preview.vue index fd25480f61..90ed8e78ae 100644 --- a/src/client/app/common/views/components/url-preview.vue +++ b/src/client/app/common/views/components/url-preview.vue @@ -65,16 +65,16 @@ export default Vue.extend({ iframe width 100% -.mk-url-preview +root(isDark) display block font-size 16px - border solid 1px #eee + border solid 1px isDark ? #58606b : #eee border-radius 4px overflow hidden &:hover text-decoration none - border-color #ddd + border-color isDark ? #7d8590 : #ddd > article > header > h1 text-decoration underline @@ -99,11 +99,11 @@ iframe > h1 margin 0 font-size 1em - color #555 + color isDark ? #d6dae0 : #555 > p margin 0 - color #777 + color isDark ? #a4aab3 : #777 font-size 0.8em > footer @@ -120,7 +120,7 @@ iframe > p display inline-block margin 0 - color #666 + color isDark ? #b0b4bf : #666 font-size 0.8em line-height 16px vertical-align top @@ -139,4 +139,10 @@ iframe > article padding 8px +.mk-url-preview[data-darkmode] + root(true) + +.mk-url-preview:not([data-darkmode]) + root(false) + </style> |