diff --git a/internal_packages/message-list/stylesheets/message-list.less b/internal_packages/message-list/stylesheets/message-list.less
index 6c366e689..7a6200ac9 100644
--- a/internal_packages/message-list/stylesheets/message-list.less
+++ b/internal_packages/message-list/stylesheets/message-list.less
@@ -18,7 +18,7 @@ body.platform-win32 {
.message-toolbar-arrow.down {
margin: 0 0 0 1px;
padding: 6px 5px 0 5px;
- transition: background 300ms;
+ .windows-btn-hover;
&:hover {
background: #e5e5e5;
}
@@ -30,10 +30,7 @@ body.platform-win32 {
.message-toolbar-arrow.up {
margin: 0 0 0 1px;
padding: 6px 5px 0 5px;
- transition: background 300ms;
- &:hover {
- background: #e5e5e5;
- }
+ .windows-btn-hover;
&.btn-icon:hover {
color: @text-color;
img.content-mask { background: rgba(35, 31, 32, 0.8); }
diff --git a/internal_packages/preferences/lib/preferences-header.cjsx b/internal_packages/preferences/lib/preferences-header.cjsx
index b447ea7f4..fa61c1013 100644
--- a/internal_packages/preferences/lib/preferences-header.cjsx
+++ b/internal_packages/preferences/lib/preferences-header.cjsx
@@ -11,6 +11,10 @@ class PreferencesHeader extends React.Component
activeTab: React.PropTypes.object
render: =>
+ if process.platform is "win32"
+ imgMode = RetinaImg.Mode.ContentIsMask
+ else
+ imgMode = RetinaImg.Mode.ContentPreserve
{ @props.tabs.map (tab) =>
classname = "preference-header-item"
@@ -19,7 +23,7 @@ class PreferencesHeader extends React.Component
@props.changeActiveTab(tab) } key={tab.name}>
-
+
{tab.name}
diff --git a/internal_packages/preferences/stylesheets/preferences.less b/internal_packages/preferences/stylesheets/preferences.less
index 2448d44da..d938ad668 100644
--- a/internal_packages/preferences/stylesheets/preferences.less
+++ b/internal_packages/preferences/stylesheets/preferences.less
@@ -273,5 +273,33 @@ body.platform-darwin {
}
}
}
-
+}
+
+body.platform-win32 {
+ .preference-header {
+ background: #f2f2f2;
+
+ .preference-header-item {
+ margin-left: 0;
+ margin-right: 1px;
+ width: 80px;
+ padding-top: 3px;
+ .windows-btn-hover;
+ height: 63px;
+
+ color: @text-color;
+ .icon img.content-mask { background: @text-color; }
+
+ &:hover {
+ background: #e5e5e5;
+ }
+ &.active {
+ background: #f2f2f2;
+ border-radius: 0 0 0 0;
+ border-bottom: 2px solid @accent-primary;
+ color: @accent-primary;
+ .icon img.content-mask { background: @accent-primary; }
+ }
+ }
+ }
}
diff --git a/src/flux/models/utils.coffee b/src/flux/models/utils.coffee
index c56890cb4..ea7106d2e 100644
--- a/src/flux/models/utils.coffee
+++ b/src/flux/models/utils.coffee
@@ -162,10 +162,17 @@ Utils =
file = file.replace(/\\/g, '/')
Utils.images[resourcePath][path.basename(file)] = file
- if window.devicePixelRatio > 1
- return Utils.images[resourcePath]["#{name}@2x.#{ext}"] ? Utils.images[resourcePath][fullname] ? Utils.images[resourcePath]["#{name}@1x.#{ext}"]
- else
- return Utils.images[resourcePath]["#{name}@1x.#{ext}"] ? Utils.images[resourcePath][fullname] ? Utils.images[resourcePath]["#{name}@2x.#{ext}"]
+ plat = process.platform ? ""
+ ratio = window.devicePixelRatio ? 1
+
+ return Utils.images[resourcePath]["#{name}-#{plat}@#{ratio}x.#{ext}"] ?
+ Utils.images[resourcePath]["#{name}@#{ratio}x.#{ext}"] ?
+ Utils.images[resourcePath]["#{name}-#{plat}.#{ext}"] ?
+ Utils.images[resourcePath]["#{name}.#{ext}"] ?
+ Utils.images[resourcePath]["#{name}-#{plat}@2x.#{ext}"] ?
+ Utils.images[resourcePath]["#{name}@2x.#{ext}"] ?
+ Utils.images[resourcePath]["#{name}-#{plat}@1x.#{ext}"] ?
+ Utils.images[resourcePath]["#{name}@1x.#{ext}"]
subjectWithPrefix: (subject, prefix) ->
if subject.search(/fwd:/i) is 0
diff --git a/static/images/preferences/tabs/ic-settings-accounts-win32@2x.png b/static/images/preferences/tabs/ic-settings-accounts-win32@2x.png
new file mode 100644
index 000000000..a81b0119a
Binary files /dev/null and b/static/images/preferences/tabs/ic-settings-accounts-win32@2x.png differ
diff --git a/static/images/preferences/tabs/ic-settings-appearance-win32@2x.png b/static/images/preferences/tabs/ic-settings-appearance-win32@2x.png
new file mode 100644
index 000000000..2ee4d136b
Binary files /dev/null and b/static/images/preferences/tabs/ic-settings-appearance-win32@2x.png differ
diff --git a/static/images/preferences/tabs/ic-settings-general-win32@2x.png b/static/images/preferences/tabs/ic-settings-general-win32@2x.png
new file mode 100644
index 000000000..82e0eb7de
Binary files /dev/null and b/static/images/preferences/tabs/ic-settings-general-win32@2x.png differ
diff --git a/static/images/preferences/tabs/ic-settings-mailrules-win32@2x.png b/static/images/preferences/tabs/ic-settings-mailrules-win32@2x.png
new file mode 100644
index 000000000..57e9d3454
Binary files /dev/null and b/static/images/preferences/tabs/ic-settings-mailrules-win32@2x.png differ
diff --git a/static/images/preferences/tabs/ic-settings-notifications-win32@2x.png b/static/images/preferences/tabs/ic-settings-notifications-win32@2x.png
new file mode 100644
index 000000000..c1c71ca2f
Binary files /dev/null and b/static/images/preferences/tabs/ic-settings-notifications-win32@2x.png differ
diff --git a/static/images/preferences/tabs/ic-settings-shortcuts-win32@2x.png b/static/images/preferences/tabs/ic-settings-shortcuts-win32@2x.png
new file mode 100644
index 000000000..48355c806
Binary files /dev/null and b/static/images/preferences/tabs/ic-settings-shortcuts-win32@2x.png differ
diff --git a/static/images/preferences/tabs/ic-settings-signatures-win32@2x.png b/static/images/preferences/tabs/ic-settings-signatures-win32@2x.png
new file mode 100644
index 000000000..1b5d61666
Binary files /dev/null and b/static/images/preferences/tabs/ic-settings-signatures-win32@2x.png differ
diff --git a/static/mixins/windows.less b/static/mixins/windows.less
new file mode 100644
index 000000000..4b35246ed
--- /dev/null
+++ b/static/mixins/windows.less
@@ -0,0 +1,6 @@
+.windows-btn-hover {
+ transition: background 300ms;
+ &:hover {
+ background: #e5e5e5;
+ }
+}
diff --git a/static/variables/ui-mixins.less b/static/variables/ui-mixins.less
index fc2adc2f0..d1cd3b820 100644
--- a/static/variables/ui-mixins.less
+++ b/static/variables/ui-mixins.less
@@ -1,3 +1,4 @@
@import "../mixins/common-ui-elements.less";
@import "../mixins/text-emphasis.less";
@import "../mixins/background-variant.less";
+@import "../mixins/windows.less";