diff --git a/rhodecode/public/css/polymer.less b/rhodecode/public/css/polymer.less
--- a/rhodecode/public/css/polymer.less
+++ b/rhodecode/public/css/polymer.less
@@ -7,3 +7,10 @@
 @import 'variables';
 @import 'type';
 @import 'buttons';
+
+:root {
+  --primary-color: @rcblue;
+  --light-primary-color: @rclightblue;
+  --dark-primary-color: @rcdarkblue;
+  --primary-text-color: @grey2;
+}
diff --git a/rhodecode/templates/admin/my_account/my_account_notifications.html b/rhodecode/templates/admin/my_account/my_account_notifications.html
--- a/rhodecode/templates/admin/my_account/my_account_notifications.html
+++ b/rhodecode/templates/admin/my_account/my_account_notifications.html
@@ -1,5 +1,5 @@
 <template is="dom-bind" id="notificationsPage">
-<style include="shared-styles"></style>
+<style include="shared-styles" is="custom-style"></style>
 <iron-ajax id="toggleNotifications"
            method="post"
            url="${url('my_account_notifications_toggle_visibility')}"