From db06b60704275647bfe462b642ca53cb906e3f86 Mon Sep 17 00:00:00 2001 From: Kyle Spearrin Date: Wed, 30 May 2018 23:11:05 -0400 Subject: [PATCH] start styling for dark theme --- src/_locales/en/messages.json | 2 +- src/popup/accounts/home.component.html | 2 +- src/popup/images/logo-dark@2x.png | Bin 0 -> 9319 bytes src/popup/images/logo-white@2x.png | Bin 0 -> 9251 bytes src/popup/images/logo.png | Bin 2593 -> 0 bytes src/popup/images/logo@2x.png | Bin 5449 -> 0 bytes src/popup/images/logo@3x.png | Bin 8426 -> 0 bytes src/popup/scss/base.scss | 38 ++++++++++++---- src/popup/scss/buttons.scss | 42 +++++++++++++----- src/popup/scss/environment.scss | 9 ---- src/popup/scss/misc.scss | 56 ++++++++++++++++-------- src/popup/scss/pages.scss | 12 +++-- src/popup/scss/plugins.scss | 20 +++++++-- src/popup/scss/variables.scss | 6 ++- src/popup/settings/options.component.ts | 1 + 15 files changed, 130 insertions(+), 58 deletions(-) create mode 100644 src/popup/images/logo-dark@2x.png create mode 100644 src/popup/images/logo-white@2x.png delete mode 100644 src/popup/images/logo.png delete mode 100644 src/popup/images/logo@2x.png delete mode 100644 src/popup/images/logo@3x.png diff --git a/src/_locales/en/messages.json b/src/_locales/en/messages.json index 4c804e8ba0..5a4776c529 100644 --- a/src/_locales/en/messages.json +++ b/src/_locales/en/messages.json @@ -495,7 +495,7 @@ "message": "Theme" }, "themeDesc": { - "message": "Change the application's color theme. You must re-open the window." + "message": "Change the application's color theme." }, "dark": { "message": "Dark", diff --git a/src/popup/accounts/home.component.html b/src/popup/accounts/home.component.html index 5eaa6406e6..9486773380 100644 --- a/src/popup/accounts/home.component.html +++ b/src/popup/accounts/home.component.html @@ -1,6 +1,6 @@
- bitwarden + Bitwarden

{{'loginOrCreateNewAccount' | i18n}}

{{'login' | i18n}} {{'createAccount' | i18n}} diff --git a/src/popup/images/logo-dark@2x.png b/src/popup/images/logo-dark@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..0266e85122961a3b817a717955639d371ad4a079 GIT binary patch literal 9319 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 FV1m`e6IhGCzS&zeeRdw6)F=`gnN z@2ZzB7n2;X*r2Sn#zSf%neE}>iKgQaPd4A6H!>!l?T~~_ycr*cd3d7nC?uPEylml< z#vbnuJ{jCC1W=sk@$m2-O%J>c9fl-S$)Mdlh$k5jPc%IT-3AaIuiKo7EeJ^@Zto09 zM-bM!;QIv>Z$%JoSr&Z1E+ESk`v2td5IwptpDWpw_=OBI);bpRQU;xF(Z462XDr8IwuG0U+|5sr5i2F}0 zM-c8ei||j@KZE>4xRmpV>B((zEDi>3S)vS7IZROIL4i@=Y6h2G{e4b&y{F|Vn2b|R)9I)H>;^la!{*8hE`>W6Y9=Fi35jF zjw)hYAlJ2~-I-#E11v8VCA8OvC`Mlp&*yMwb$enT3JuQaI(<0*iV>EaS$Il&ROYJXfL- z-pOAmJaK(xDqmECSF<4PSQz|Py%sq{YU+{Gjx9p&^ZxJR$>h} zia6>~e`CWu4Gnu@g{(|Hntjb7uMM`2_0rr`Qqj0@Fs`89)H0NQbewMzpU#PBVx}@4 zN+x4pa3I!*Ly%LVl$kQAIpI?XZ&zZv>fza7K*m0g-&O=1^nV z-1A_Pk~qDO=to6SGA3D#h$ZXdVeBq#qLZ@+k?HZ)S??I!a)hnQ@e-|G z(~XF7ChQ(O>Ik1AhDW1@O=|cg$Y7d7G@-@=;t;lI*KH3&(l#*fyGJ7wW8Gk#MGq{+ zUY{z*9w)S1RmwCZGboXNjEXLPt9xdLv+Y2wbE6oWl#tqsQVuQmsUu!a(^&PLXfkvM zn;N`jjs@F7d-io4DaqXb@IJq&;%akw1979KC+g+(pBkhzeZ5t_ZR$ z2h+C+QMSxo6gGi|gr*vK$)si35^_jLM(&@v15YyV9v8$C)g87_OQzz!0cGPR(#lqq z`Zy`_R*pDf6Q>MddNfNyey00p+5|m6CTOtUUmCBm*F+;Qt8w6qNG5B@o8c@=m+hfR zdpgcLjrYL~n?Uh+0%fvsw;cpTwk~0E8xt$_$!c&X%X6MP$(Aa{CiQ+3IX>8R5>codZSA5u6Sv;*jJ} z@n$$-lj@0tN|>27WH4@9oGXtSf^LE=AC>6f-4Kln*#xNcPX+8N!=-IYeU|6F{(ZcD zuEk}^2nOy=mFt)blq`?jR-8wW4n zlq?e>-#PR&DSS~PSd*0j!L~n27+bD3^zFes(e8%^>WORa1Kq(JTGmNJFm8TE5{)FA z$S@3uaFV6aUY?8|BNBq$le&^DP5VF>YB=6&uZTvn=~t#;%De(m*5{TKC2_2`sf2ai zWEPVUWMCLJ>B1*dvbrOd{fXhBNDp}frz0iXOvvApzOI4)M7_*cM%ezZhV^D7!Wf`I zUmB40fP~ns;F8(NukioZJeXhw?LLrqhXZW-x)o_nl7`wT6>3vc`8yno&?0Q2WOX2N z zV}zb|Ks{dELqag}DK<ARR}l}) z$(||-ZX2q_@b>&%n~6Gyw=e4}@*?Q*t1m6jnFIFW1y0*(<|Rh>pfR>KrzXg#U`@y? zV&0oUdwEg#aCLQMbKeq*4>~@8*=gbn$q>Nl4TGUF7zy5E z+V;Hqfp`xl)>tah7~Z}goaS3nRQTAys}N<1;}~AS?tpC|mRfpAHe{SP2C{EE>{pf} z=RJeuLO3O?>++~0lCK)(^kb_TAK?joacEb7WyrdN9HWvLj!~5|le)IIB^o&qmI{-* zyqL?0XgoYTx(k;#RZ6er0ZuDTTkt!uJv=-V{3E~s8StLF2VlaO00000NkvXXu0mjf DpN-AC diff --git a/src/popup/images/logo@2x.png b/src/popup/images/logo@2x.png deleted file mode 100644 index 2a0ba60b9b13983200a2c921aa6793b3c1bf09ef..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 5449 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 diff --git a/src/popup/images/logo@3x.png b/src/popup/images/logo@3x.png deleted file mode 100644 index 90473167697b867ede9400b31c6dce93b7e39ebc..0000000000000000000000000000000000000000 GIT binary patch literal 0 HcmV?d00001 literal 8426 zcmXY01zeQR(?10%0S^#q5CKU^fg_F%siV83k&vVF0O>{vsRJaAPLWROZX^Xxq>hqq zc#r?@eV)(f+1c;T%+BoYv$M}Lk!lcm0z67Q002Os@J>bp0KkBt=@1+&^s`XJcNAS< z+DNKM0sxi$f={Bh(RB(pSv@yRCu=uPGZ!m>q@|O&)k_6OGaD-nD>F-P=K(8G0N|yc zf{dh=*TQZlQhTXkHar=8nKh61tN3MN%{5H<2|X#d7O)6_z5{cDl-WA`R$O_tfQ3Ps zTA#^UzubB0_a=b9x><>j35k6M&?>bh?5j34`J5hasy;y*fWDe9W7+cMjW;8mXV=?Q9*AXlL!qDiw|2jkHL`tlRBDWCE?k*bXr#zS3#5~-y@FyGPq_@VZW z5&n`6ujGLQ0FapfD*~baYXbDg&T2gh`CHk3H#rX&lBf@mB{bWB*kZL_9U6d5$h7Fu+LcMA zP655~CJI+&{+Um7&MvMyaf&KYvxCncy6(gU$c4X94#!xs`M4kI^E% zNo!M%!GlL=D=l)oS|E>?be~o;%{)azILrWYjBMUkK{WlKBv&1)rQXDyt;if*PsOu< z$oq3ne|f_r645Q%d23%nfrfz)Z-&!hiV%_*$+sU)9yQsQP@>TSK#mV!%~FmOO#@!S zAD$1a|CQ)&a1=<9d~KQ|Xn>p4MDqzC&#JU@-+cjxWz8?1S0@z*-GCO8cpBUln5!HF zZCaEDwRXy&(GIc)&xag4d`)p#Ry4kVfoKq|xr+HJ1_3OU@~Pc6khm247xn)>N<$q& z;!b=$5NgOy-~)!{C6TTKWfHQu{jfE7%0iZl`ya~9Qrfp8v6muSA#kpT%R0qu!j5i0 zTk+mjK<+~CP}BD&)&wzGs^pWrU7nEGW?1-=%M0-!OEUQdLpi#HKG0e&q(x?rwL+uA zj^sbtmz0LdoAgz?PUuMp+ya(h1B9xz;J+VM2znR-bwJJk-#g&V^C)gG8kPV(0{jTF z{r^b|#Q47bU^RL+zC9WJ_@E{Ka~$<*`zFQq!HTHKGnDS&N0suwS@v(A=sEr;B=PKw zh{vaLxDzM;``XIKVfTBla;i?e&d$5nXie|%a(uW+k@-(1N7hcq)=n=Eg}3R`lZXt5 zdRzC0+nI8Q&iTgOUsU6pYNys@_+zyIUW!{6jHSgl#CUXmKK}P7#*}FW*y5kJz{?Kd z_W0U6!1Y*gX{c`pb=ag+CPlE`VTAVr0jOU1X#@^^MmBc!-8$9zbl2&$J)o#i+vN%o z5Y0g4uI3f@tj^!j7*!N(Fo1`wJ9|GQVDIN{HiQ_ue1B(b!8v*uFi}OH-Bc$~!*gn+ zK34AGuyc0#6_3u4P@@lrnVj8q%`1h7>Z;NCM0KW;TWqT@lBn4tlV~QmLw#s0fSf2x znrhMg<)Ji|<2T2dlk2rw#jS{B8tUbZmAYGB3+f2NV_4k5#@&-oTSJp`J4o7t4ewSv zDxnwSgz?jN>{iEQgSr_W@ZgbdRP(b~nq=Rly#9tPcabXwiEMoVl)IQjhS$JX$9vs9 zS6B4n|H8*$uHjymt-@S{t!3@q><&+{TQcJvoC_Hen^nBy_{&`DD_iw~6OPv>62WA& zIYu2ep3N^vLUMI$L?th8PUpUSbZ?xQ#izLeB;k1$iL$Y#zEJ&iJ=8g!S)2BB#?k2@ zo+wr&TdSe9Zp3H#?LvV}oX3gwBJG&b+ukqZB#6*UxK-Cz-x(fX_)Faqn&5%Wklf

*?lVy@ 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 A`2YX_ diff --git a/src/popup/scss/base.scss b/src/popup/scss/base.scss index 5248327bb4..ba6de6fa1d 100644 --- a/src/popup/scss/base.scss +++ b/src/popup/scss/base.scss @@ -7,10 +7,8 @@ } html, body { - background-color: $background-color; font-family: $font-family-sans-serif; font-size: $font-size-base; - color: $text-color; line-height: $line-height-base; -webkit-font-smoothing: antialiased; } @@ -19,6 +17,13 @@ body { width: 375px !important; height: 600px !important; overflow: hidden; + color: $text-color; + background-color: $background-color; + + @include themify($themes) { + color: themed('textColor'); + background-color: themed('backgroundColor'); + } &.body-sm { width: 375px !important; @@ -38,7 +43,10 @@ body { h1, h2, h3, h4, h5, h6 { font-family: $font-family-sans-serif; - color: $text-color; + + @include themify($themes) { + color: themed('textColor'); + } } p { @@ -54,16 +62,24 @@ img { } a { - color: $brand-primary; text-decoration: none; + @include themify($themes) { + color: themed('primaryColor'); + } + &:hover, &:focus { - color: darken($brand-primary, 6%); + @include themify($themes) { + color: darken(themed('primaryColor'), 6%); + } } } input, select, textarea { - color: $text-color; + @include themify($themes) { + color: themed('textColor'); + background-color: themed('inputBackgroundColor'); + } } input, select, textarea, button { @@ -293,7 +309,10 @@ content { right: 0; overflow-y: auto; overflow-x: hidden; - background-color: $background-color; + + @include themify($themes) { + background-color: themed('backgroundColor'); + } &.no-header { top: 0; @@ -319,6 +338,9 @@ content { .fa { margin-bottom: 10px; - color: $list-icon-color; + + @include themify($themes) { + color: themed('disabledIconColor'); + } } } diff --git a/src/popup/scss/buttons.scss b/src/popup/scss/buttons.scss index 20e4277bd7..1be16c912e 100644 --- a/src/popup/scss/buttons.scss +++ b/src/popup/scss/buttons.scss @@ -1,44 +1,62 @@ @import "variables.scss"; .btn { - background-color: $button-background-color; border-radius: $border-radius; padding: 7px 15px; - border: 1px solid $button-border-color; + border: 1px solid #000000; font-size: $font-size-base; - color: $button-color; white-space: nowrap; text-align: center; cursor: pointer; + @include themify($themes) { + background-color: themed('buttonBackgroundColor'); + border-color: themed('buttonBorderColor'); + color: themed('buttonColor'); + } + &.primary { - color: $button-color-primary; + @include themify($themes) { + color: themed('buttonPrimaryColor'); + } } &.danger { - color: $button-color-danger; + @include themify($themes) { + color: themed('buttonDangerColor'); + } } &:hover:not([disabled]) { cursor: pointer; - background-color: darken($button-background-color, 1.5%); - border-color: darken($button-border-color, 17%); - color: darken($button-color, 10%); + + @include themify($themes) { + background-color: darken(themed('buttonBackgroundColor'), 1.5%); + border-color: darken(themed('buttonBorderColor'), 17%); + color: darken(themed('buttonColor'), 10%); + } &.primary { - color: darken($button-color-primary, 6%); + @include themify($themes) { + color: darken(themed('buttonPrimaryColor'), 6%); + } } &.danger { - color: darken($button-color-danger, 6%); + @include themify($themes) { + color: darken(themed('buttonDangerColor'), 6%); + } } } &:focus:not([disabled]) { cursor: pointer; - background-color: darken($button-background-color, 6%); - border-color: darken($button-border-color, 25%); outline: 0; + + @include themify($themes) { + background-color: darken(themed('buttonBackgroundColor'), 6%); + border-color: darken(themed('buttonBorderColor'), 25%); + } } &[disabled] { diff --git a/src/popup/scss/environment.scss b/src/popup/scss/environment.scss index aead2bf929..dceaf50f7d 100644 --- a/src/popup/scss/environment.scss +++ b/src/popup/scss/environment.scss @@ -1,14 +1,5 @@ @import "variables.scss"; -/* -html.browser_firefox, html.browser_edge { - body { - width: 320px !important; - height: 568px !important; - } -} -*/ - html.browser_safari { header { .search .fa { diff --git a/src/popup/scss/misc.scss b/src/popup/scss/misc.scss index 260148a6ea..f3598849bd 100644 --- a/src/popup/scss/misc.scss +++ b/src/popup/scss/misc.scss @@ -5,35 +5,45 @@ small, .small { } .text-primary { - color: $brand-primary !important; -} - -.text-danger { - color: $brand-danger !important; + @include themify($themes) { + color: themed('primaryColor') !important; + } } .text-success { - color: $brand-success !important; -} - -.text-info { - color: $brand-info !important; -} - -.text-warning { - color: $brand-warning !important; + @include themify($themes) { + color: themed('successColor') !important; + } } .text-muted { - color: $text-muted !important; + @include themify($themes) { + color: themed('mutedColor') !important; + } } .text-default { - color: $text-color !important; + @include themify($themes) { + color: themed('textColor') !important; + } } -.text-accent { - color: $brand-primary-accent; +.text-danger { + @include themify($themes) { + color: themed('dangerColor') !important; + } +} + +.text-info { + @include themify($themes) { + color: themed('infoColor') !important; + } +} + +.text-warning { + @include themify($themes) { + color: themed('warningColor') !important; + } } .text-center { @@ -126,8 +136,18 @@ app-root > #loading { height: 100%; width: 100%; color: $text-muted; + + @include themify($themes) { + color: themed('mutedColor'); + } } app-vault-icon { display: flex; } + +.logo-image { + @include themify($themes) { + content: url('../images/logo-' + themed('logoSuffix') + '@2x.png'); + } +} diff --git a/src/popup/scss/pages.scss b/src/popup/scss/pages.scss index 67f13e203f..d5df201f63 100644 --- a/src/popup/scss/pages.scss +++ b/src/popup/scss/pages.scss @@ -27,7 +27,7 @@ app-home { } img { - width: 282px; + width: 284px; margin: 0 auto; } @@ -40,19 +40,25 @@ app-home { } a.settings-icon { - color: #bbbbbb; position: absolute; top: 10px; left: 10px; + @include themify($themes) { + color: themed('mutedColor'); + } + span { visibility: hidden; } &:hover { - color: $brand-primary; text-decoration: none; + @include themify($themes) { + color: themed('primaryColor'); + } + span { visibility: visible; } diff --git a/src/popup/scss/plugins.scss b/src/popup/scss/plugins.scss index 76bd17e50c..fc10a3fcdf 100644 --- a/src/popup/scss/plugins.scss +++ b/src/popup/scss/plugins.scss @@ -45,7 +45,10 @@ $fa-font-path: "~font-awesome/fonts"; &.toast-danger, &.toast-error { background-image: none !important; - background-color: $brand-danger; + + @include themify($themes) { + background-color: themed('dangerColor'); + } &:before { content: "\f0e7"; @@ -55,7 +58,10 @@ $fa-font-path: "~font-awesome/fonts"; &.toast-warning { background-image: none !important; - background-color: $brand-warning; + + @include themify($themes) { + background-color: themed('warningColor'); + } &:before { content: "\f071"; @@ -64,7 +70,10 @@ $fa-font-path: "~font-awesome/fonts"; &.toast-info { background-image: none !important; - background-color: $brand-info; + + @include themify($themes) { + background-color: themed('infoColor'); + } &:before { content: "\f05a"; @@ -73,7 +82,10 @@ $fa-font-path: "~font-awesome/fonts"; &.toast-success { background-image: none !important; - background-color: $brand-success; + + @include themify($themes) { + background-color: themed('successColor'); + } &:before { content: "\f00C"; diff --git a/src/popup/scss/variables.scss b/src/popup/scss/variables.scss index 1a9c1f5d4f..5e9324dfad 100644 --- a/src/popup/scss/variables.scss +++ b/src/popup/scss/variables.scss @@ -78,6 +78,7 @@ $themes: ( successColor: $brand-success, infoColor: $brand-info, warningColor: $brand-warning, + logoSuffix: 'dark', ), dark: ( textColor: #ffffff, @@ -95,7 +96,7 @@ $themes: ( headerInputColor: #ffffff, headerInputPlaceholderColor: #707070, listItemBackgroundColor: #363636, - listItemBackgroundHoverColor: #464646, + listItemBackgroundHoverColor: #3c3c3c, groupingsActiveColor: #292929, disabledIconColor: #c7c7cd, headingColor: #a3a3a3, @@ -111,7 +112,7 @@ $themes: ( inputPlaceholderColor: #707070, buttonBackgroundColor: #363636, buttonBorderColor: #1f1f1f, - buttonColor: #ffffff, + buttonColor: #e0e0e0, buttonPrimaryColor: #46ace7, buttonDangerColor: #ff3e24, primaryColor: #52bdfb, @@ -120,6 +121,7 @@ $themes: ( successColor: $brand-success, infoColor: $brand-info, warningColor: $brand-warning, + logoSuffix: 'white', ), ); diff --git a/src/popup/settings/options.component.ts b/src/popup/settings/options.component.ts index 7e6e9a6ff4..1f2663c668 100644 --- a/src/popup/settings/options.component.ts +++ b/src/popup/settings/options.component.ts @@ -105,6 +105,7 @@ export class OptionsComponent implements OnInit { async saveTheme() { await this.storageService.save(ConstantsService.themeKey, this.theme); this.analytics.eventTrack.next({ action: 'Set Theme ' + this.theme }); + window.setTimeout(() => window.location.reload(), 200); } private callAnalytics(name: string, enabled: boolean) {