From dcd8e1c6c5dd20531f9985fe59d9881aa31ace6a Mon Sep 17 00:00:00 2001 From: Benoit Schweblin Date: Wed, 10 Jan 2018 21:45:34 +0000 Subject: [PATCH] themes (part 1) --- chrome-app/Archive.zip | Bin 0 -> 11746 bytes chrome-app/icon-128.png | Bin 0 -> 2730 bytes chrome-app/icon-16.png | Bin 0 -> 539 bytes chrome-app/icon-256.png | Bin 0 -> 5021 bytes chrome-app/icon-32.png | Bin 0 -> 1007 bytes chrome-app/icon-64.png | Bin 0 -> 1595 bytes chrome-app/manifest.json | 27 ++++ src/components/App.vue | 11 +- src/components/Editor.vue | 1 - src/components/Layout.vue | 37 ++++-- .../common/markdownHighlighting.scss | 120 ++++++++++++++++-- src/components/common/variables.scss | 11 +- src/components/menus/HistoryMenu.vue | 16 ++- src/components/modals/AboutModal.vue | 13 +- src/data/defaultSettings.yml | 2 + 15 files changed, 202 insertions(+), 36 deletions(-) create mode 100644 chrome-app/Archive.zip create mode 100644 chrome-app/icon-128.png create mode 100644 chrome-app/icon-16.png create mode 100644 chrome-app/icon-256.png create mode 100644 chrome-app/icon-32.png create mode 100644 chrome-app/icon-64.png create mode 100644 chrome-app/manifest.json diff --git a/chrome-app/Archive.zip b/chrome-app/Archive.zip new file mode 100644 index 0000000000000000000000000000000000000000..37cbc5e81d13f79f1024245613563c0e3cd90399 GIT binary patch literal 11746 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 Rt^wemmj8({sA>Q7{vQS{cXI#$ literal 0 HcmV?d00001 diff --git a/chrome-app/icon-128.png b/chrome-app/icon-128.png new file mode 100644 index 0000000000000000000000000000000000000000..eb4ae3240efc2e336119bc906c4c009fb062a9a5 GIT binary patch literal 2730 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 literal 0 HcmV?d00001 diff --git a/chrome-app/icon-256.png b/chrome-app/icon-256.png new file mode 100644 index 0000000000000000000000000000000000000000..7a130b6df956501ee730657379f9f381894bbb47 GIT binary patch literal 5021 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 literal 0 HcmV?d00001 diff --git a/chrome-app/icon-32.png b/chrome-app/icon-32.png new file mode 100644 index 0000000000000000000000000000000000000000..6323795b3f0c2c02c390f98099ead363a3a5e9c3 GIT binary patch literal 1007 zcmV6I=iQ1AIwD zK~z}7-IrfzTU8v#Kj$_#e|s~NZEdq=QcIUsuvm-QpcO={)Hf9tu=JsiqPUkKuFyyE zVIrbI@WqEppR}N?8rxMWNDEa<2b<}ra}6PpHS0E4nn&yB_4frJuX_X)NM4OtlqBN>PN)h;3uvL*e753&#%}STPd>v{S+*tMRRwtH&PC1MOS3yv^Y-`n1V`Kzi;`nX zsU+Azss&gZc9{_O8Dcg{nKO=hPte)&VX2;&m|$gPg+if#X_~02iV&hyTdms@ z9334+)3m=OJ9AMoA1^neWiN%gu9MH_%j!E(+>=u7s{?xq7#J8J7z{EuH%BZMBNPgu zX&N&#GbEEqhKGl-*=#tS&iV-O`~3hcEiD1i(b0j|>t$hK0f0atuy6AJh6%^V$B9Ox zNGXw0qA1&%i}5SgV`F2u-R|0(&@|1mtXJm#pPU2x^1$HWApQOQ%+AiTwzkI5&=8uY z5s5@dBod5_j9|0baJgLd5#aOr09agH1fZ?04X@W*B5ZGO|DT(%^gor$q3b%0jg1H) z$Y!$?3WZW#4fbWiBJ6fMcDub)I~36W zRF6Df8N)Q-0&rwVJpDaR;9xyQaI4|aAMbP}ZW)TzUre_GtN=6^Wcz*~T`zI~mvPPW zdhFQ@kl9(ftVs9{kbU!fiF=Zba@kVNpJc#B_3hq!!~gQ%QD@-om~d10x^^<1!u$yZ1| d5U1D#_zOz}OZvFP*mD2?002ovPDHLkV1hF2-829I literal 0 HcmV?d00001 diff --git a/chrome-app/icon-64.png b/chrome-app/icon-64.png new file mode 100644 index 0000000000000000000000000000000000000000..64b6a7a492da73bd5451b1827574bad61d67ff90 GIT binary patch literal 1595 zcmV-B2E_S^P)Kkf}hFSYcvOBtjtpfskz#_MRTX%P#K1Hm=Ft?(glp z=j^@n{odd2cfRNBUV)#G5``X0kvxYWA4mog0Kx2!Vc;t8GjM_=s)a!HHPI&-d7ZVu z2S7TZ5e^jI6p4H_bwKe1r`w6BX=R^F@@WW>2S^{jz4+sI&i=ONwe!;KGXsvb5FQJa zzy>5YGo$E83};m+u>WQ7#iqkuhiwui9>f`!6zlgtD{gybKrDO+Y?zQ`{-sfJnntLW zFs4`Hsx-MjyZUAAp{}D@|BwfeYa)dDkyi#(x3Cd7>FXk9K~vsb5-oy6J&_+7Pwd~< zcA@Lm_`)3D%};LJyDsdMkP=bdid{g4->Z3*gaFI)VA%rZOi&Vlu!lr*9Ml^yb_rZZ z!BqvwDJk!lQ~R8HWvTeqPN`7%CXkF;Y+Y9Oc=ExgFt3`OOW|09Jk`=)f3A0J?$ieF zGYb^8Gz^9Hfn3{Send&Nohc$LY4+y5IafThjJ!)jDnqWBr%P4Ys0b*Ud8*)v!`3v|-}Q)3}LK7cBfVz~m$pJ`q~%qHC}fmwmA zSy5quG>fQ+jDT<4)6+vkLxYA33k!*hi_>stXD7|g%^EH#DIqEbEIk0(wb_?B=fDl0yAauhJ;Qubb zeVh2ErY5SYswUm}__)`2MMVWBlWEeej(Kk`4;(mvqD(%Ava&K3En1`>0mjD07#SJy zJMMHkr~Uru=%^QVyWK_!7y{_22P7mUP*5F54-b2tCwQJ21}pwECpa}M77Iy9{(nWbTCHBo zo>2mZ0EPgD06Gvr>W-L{K@?!jJ)k=QM(+esfDu=d?gY3#B7-NuAHzp=CqPqA5Cs@? z*3f_Jv~I|^-jH+-26+`2I{#`THyyK|{mnMMzj(DFsH;HqEjpGo^rUmR0NPK^Uh`NEFuvM&>Ceu{~xZ&>tSr@3$D|vvG zgP&(-4;`tQuC*x=x_pf!ck$DLUW)Z@b+`Wha&i3aD?j?oaJZ@nL7lIrx6Dokdi;mv zJtU=g4>sA8;rtX`#03Tj**{-PX13GT@#_f5)8qup*+WNa zC-Q%1dAU%v8gD -
+
@@ -61,6 +61,11 @@ Vue.filter('formatTime', time => // Access the minute counter for reactive refresh timeSvc.format(time, store.state.minuteCounter)); +const themeClasses = { + light: ['app--light'], + dark: ['app--dark'], +}; + export default { components: { Layout, @@ -72,6 +77,10 @@ export default { ready: false, }), computed: { + themeClasses() { + const result = themeClasses[this.$store.getters['data/computedSettings'].colorTheme]; + return Array.isArray(result) ? result : themeClasses.light; + }, showModal() { return !!this.$store.getters['modal/config']; }, diff --git a/src/components/Editor.vue b/src/components/Editor.vue index 7ad9dcd9..158cb97a 100644 --- a/src/components/Editor.vue +++ b/src/components/Editor.vue @@ -85,7 +85,6 @@ export default { white-space: pre-wrap; word-break: break-word; word-wrap: break-word; - caret-color: #000; * { line-height: $line-height-base; diff --git a/src/components/Layout.vue b/src/components/Layout.vue index cd6c37db..0b633d75 100644 --- a/src/components/Layout.vue +++ b/src/components/Layout.vue @@ -148,25 +148,46 @@ export default { background-color: #007acc; } -$editor-background: #fff; +$editor-background-light: #fff; +$editor-background-dark: #1e1e1e; .layout__panel--editor { - background-color: $editor-background; + .app--light & { + background-color: $editor-background-light; + } + + .app--dark & { + background-color: $editor-background-dark; + } .gutter__background, .comment-list__current-discussion, .sticky-comment, .current-discussion { - background-color: mix(#000, $editor-background, 6.7%); - border-color: $editor-background; + .app--light & { + background-color: mix(#000, $editor-background-light, 6.7%); + border-color: $editor-background-light; + } + + .app--dark & { + background-color: mix(#fff, $editor-background-dark, 5%); + border-color: $editor-background-dark; + } } } -$preview-background: #f3f3f3; +$preview-background-light: #f3f3f3; +$preview-background-dark: #252525; .layout__panel--preview, .layout__panel--button-bar { - background-color: $preview-background; + .app--light & { + background-color: $preview-background-light; + } + + .app--dark & { + background-color: $preview-background-dark; + } } .layout__panel--preview { @@ -174,8 +195,8 @@ $preview-background: #f3f3f3; .comment-list__current-discussion, .sticky-comment, .current-discussion { - background-color: mix(#000, $preview-background, 6.7%); - border-color: $preview-background; + background-color: mix(#000, $preview-background-light, 6.7%); + border-color: $preview-background-light; } } diff --git a/src/components/common/markdownHighlighting.scss b/src/components/common/markdownHighlighting.scss index b817d7a5..6ca539a5 100644 --- a/src/components/common/markdownHighlighting.scss +++ b/src/components/common/markdownHighlighting.scss @@ -1,7 +1,16 @@ @import './variables'; .markdown-highlighting { - color: $editor-color; + .app--light & { + color: $editor-color-light; + caret-color: $editor-color-light-low; + } + + .app--dark & { + color: $editor-color-dark; + caret-color: $editor-color-dark-low; + } + font-family: inherit; font-size: inherit; -webkit-font-smoothing: auto; @@ -18,12 +27,25 @@ } .pre { - color: $editor-color; + .app--light & { + color: $editor-color-light; + } + + .app--dark & { + color: $editor-color-dark; + } + font-family: $font-family-monospace; font-size: $font-size-monospace; [class*='language-'] { - color: $editor-color-dark; + .app--light & { + color: $editor-color-light-low; + } + + .app--dark & { + color: $editor-color-dark-low; + } } * { @@ -37,7 +59,14 @@ } .tag { - color: $editor-color; + .app--light & { + color: $editor-color-light; + } + + .app--dark & { + color: $editor-color-dark; + } + font-family: $font-family-monospace; font-size: $font-size-monospace; font-weight: $editor-font-weight-bold; @@ -55,11 +84,24 @@ .latex, .math { - color: $editor-color; + .app--light & { + color: $editor-color-light; + } + + .app--dark & { + color: $editor-color-dark; + } } .entity { - color: $editor-color; + .app--light & { + color: $editor-color-light; + } + + .app--dark & { + color: $editor-color-dark; + } + font-family: $font-family-monospace; font-size: $font-size-monospace; font-style: italic; @@ -79,11 +121,24 @@ } .comment { - color: $editor-color-light; + .app--light & { + color: $editor-color-light-high; + } + + .app--dark & { + color: $editor-color-dark-high; + } } .keyword { - color: $editor-color-dark; + .app--light & { + color: $editor-color-light-low; + } + + .app--dark & { + color: $editor-color-dark-low; + } + font-weight: $editor-font-weight-bold; } @@ -164,12 +219,25 @@ } .cl-hash { - color: $editor-color-light; + .app--light & { + color: $editor-color-light-high; + } + + .app--dark & { + color: $editor-color-dark-high; + } } .cl, .hr { - color: $editor-color-light; + .app--light & { + color: $editor-color-light-high; + } + + .app--dark & { + color: $editor-color-dark-high; + } + font-style: normal; font-weight: $editor-font-weight-base; } @@ -196,7 +264,13 @@ } .linkdef .url { - color: $editor-color-light; + .app--light & { + color: $editor-color-light-high; + } + + .app--dark & { + color: $editor-color-dark-high; + } } .fn, @@ -217,15 +291,33 @@ .imgref, .link, .linkref { - color: $editor-color-light; + .app--light & { + color: $editor-color-light-high; + } + + .app--dark & { + color: $editor-color-dark-high; + } .cl-underlined-text { - color: $editor-color-dark; + .app--light & { + color: $editor-color-light-low; + } + + .app--dark & { + color: $editor-color-dark-low; + } } } .cl-title { - color: $editor-color; + .app--light & { + color: $editor-color-light; + } + + .app--dark & { + color: $editor-color-dark; + } } } diff --git a/src/components/common/variables.scss b/src/components/common/variables.scss index 3d008197..18c3418a 100644 --- a/src/components/common/variables.scss +++ b/src/components/common/variables.scss @@ -18,8 +18,13 @@ $navbar-color: mix($navbar-bg, #fff, 33%); $navbar-hover-color: #fff; $navbar-hover-background: rgba(255, 255, 255, 0.1); -$editor-color: rgba(0, 0, 0, 0.8); -$editor-color-light: rgba(0, 0, 0, 0.28); -$editor-color-dark: #000; +$editor-color-light: rgba(0, 0, 0, 0.8); +$editor-color-light-high: rgba(0, 0, 0, 0.28); +$editor-color-light-low: #000; + +$editor-color-dark: rgba(255, 255, 255, 0.8); +$editor-color-dark-high: rgba(255, 255, 255, 0.28); +$editor-color-dark-low: #fff; + $editor-font-weight-base: 400; $editor-font-weight-bold: 600; diff --git a/src/components/menus/HistoryMenu.vue b/src/components/menus/HistoryMenu.vue index 5e16e17f..13e656d1 100644 --- a/src/components/menus/HistoryMenu.vue +++ b/src/components/menus/HistoryMenu.vue @@ -268,11 +268,23 @@ export default { .layout--revision { .cledit-section *, .cl-preview-section * { - color: rgba(0, 0, 0, 0.15) !important; + .app--light & { + color: transparentize($editor-color-light, 0.67) !important; + } + + .app--dark & { + color: transparentize($editor-color-dark, 0.67) !important; + } } .cledit-section .revision-diff { - color: $editor-color !important; + .app--light & { + color: $editor-color-light !important; + } + + .app--dark & { + color: $editor-color-dark !important; + } } .cl-preview-section .revision-diff { diff --git a/src/components/modals/AboutModal.vue b/src/components/modals/AboutModal.vue index 34046535..90874743 100644 --- a/src/components/modals/AboutModal.vue +++ b/src/components/modals/AboutModal.vue @@ -2,7 +2,7 @@
-
v{{version}} — © 2018 Benoit Schweblin
+ v{{version}} — © 2018 Benoit Schweblin
GitHub repo — issue tracker @@ -11,10 +11,9 @@
StackEdit on Twitter
- Licensed under an - Apache License -
- Privacy Policy + Licensed under an + Apache License
+ Privacy Policy
@@ -48,8 +47,8 @@ export default { margin: 0.5rem 0; } - .app-version { - font-size: 0.8em; + small { + display: block; } hr { diff --git a/src/data/defaultSettings.yml b/src/data/defaultSettings.yml index 1aa8461d..8950e2ab 100644 --- a/src/data/defaultSettings.yml +++ b/src/data/defaultSettings.yml @@ -1,3 +1,5 @@ +# light or dark +colorTheme: light # Auto-sync frequency (in ms). Minimum is 60000. autoSyncEvery: 60000 # Adjust font size in editor and preview