1 files changed, 141 insertions, 0 deletions
diff --git a/Themes/b_transition.css b/Themes/b_transition.css
new file mode 100644
index 0000000..961cfda
--- /dev/null
+++ b/Themes/b_transition.css
@@ -0,0 +1,141 @@
+*:not(.fa) {
+    font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
+}
+body {
+    font-size: 0.8rem;
+}
+
+/* ProtonMail logo
+   -Useful for clear themes.
+*/
+
+#sidebar a img {
+    background: #0D5075;
+    padding: 0.5rem;
+    border-radius: 5px;
+}
+
+/* Main Backgrounds */
+#sidebar, #main footer .wrap, body #mainHeader, footer .wrap, #sidebar .storage, #footer, body.outside #mainHeader {
+    background: #E6E6E6;
+}
+/* Header Search Bar */
+#mainHeader .search.dark input {
+    background: #E6E6E6;
+    color: #0D5075;
+}
+#mainHeader .search input {
+    border-radius: 0.3rem;
+    border: 2px double #0D5075;
+}
+
+p.hello {
+    opacity:0.6;
+}
+/* Links */
+#mainHeader .dark button, #mainHeader p, #mainHeader a, 
+#sidebar ul li a, #sidebar ul li a span, #sidebar ul.menu li a.active,
+#sidebar ul.menu li a.active span, .sizebar, #footer .wrap a, #listing-actions-buttons ul li a:hover, 
+#sidebar ul.menu li a.active, ul.menu li a.active span, #mainHeader a span {
+    color: #0D5075 !important;
+}
+#mainHeader .dark button:hover, #mainHeader .dark button:hover .fa,
+#compose_button span, #compose_button strong, #mainHeader a:active, 
+#mainHeader a:hover, #mainHeader a:hover, #mainHeader li a.active span, 
+#mainHeader li a:hover span, #sidebar,#sidebar ul.menu li a:hover span, 
+#sidebar ul.menu li a.active:hover, #footer .wrap a:hover, #sidebar ul.menu li a:hover {
+    color: #ED1C24 !important;
+}
+
+/* Sidebar compose button */
+#compose_button strong, #sidebar #compose_button a  span {
+    color: #E6E6E6 !important;
+}
+
+#compose_button a {
+    background: #0D5075;
+}
+
+#compose_button a:active, #compose_button a:hover, .fill {
+    background: #ED1C24;
+}
+
+/* Sidebar Number */
+#sidebar .number, #sidebar .active .number {
+    background: #fff;
+    color: #0D5075;
+}
+
+#sidebar ul.menu li a:hover .number {
+    background: #ED1C24;
+    color: #E6E6E6;
+}
+
+/* Sidebar Active Section */
+#sidebar ul.menu li a.active {
+    background: #B3B3B3;
+}
+
+/*Sidebar Dividers */
+.divider {
+    opacity: 0.3;
+}
+
+/* Footer Text */
+#footer .wrap {
+    color: #1C1C1C;
+}
+/*Mail Commandbar */
+#messages tbody {
+    font-size: 0.8rem !important;
+}
+/* Page Buttons */
+.pure-button.pure-button-primary, body .ui-button.pure-button-primary {
+    background: #0D5075;
+    transition: background .2s ease-in;
+}
+.pure-button.pure-button-primary:focus, .pure-button.pure-button-primary:hover, body .ui-button.pure-button-primary:focus, body .ui-button.pure-button-primary:hover {
+    background: #ED1C24;
+}
+/* Labels */
+#listing .pmlabel {
+    border-radius: 0.2rem;
+    padding: 0.1rem 0.7rem;
+}
+/*Reading Mail*/
+#primaryHeader #titleBar h1 {
+    font-size: 0.9rem;
+}
+#page-m .pmlabel {
+    padding: 0.1rem 1.2rem;
+    padding-left: 0.6rem;
+    border-radius: 0.2rem;
+}
+span.bubble {
+    padding: 0.1rem 0.5rem;
+}
+span.bubble:hover {
+    background: #0D5075 !important;
+    border-color: #0A3D59 !important;
+    color:#E6E6E6 !important;
+}
+#dkim .verified {
+    color:#8CC63F;
+}
+/*Unread*/
+#messages tr.unread td {
+    background: #fff;
+}
+
+#messages tr.unread, #messages tr.unread a, #messages tr.unread td {
+    color: #0A3D59 !important;
+}
+/*Starred Mails*/
+body table#messages tr.starred td {
+    background: rgba(55, 177, 245, 0.14) none repeat scroll 0% 0%;
+}
+/*Responsive Menu Background */
+#mmm {
+    background: #B3B3B3;
+}
+