1.tiki-webmail, .tiki-cypht, .mobile.tiki-cypht, .inline-cypht {
2	background: $body-bg !important;
3	font-family: $font-family-base;
4	color: $body-color !important;
5
6
7	// override colors when not using cypht default theme
8	img { opacity: 1 !important; }
9	ul, li { background-color: transparent !important; }
10	main, div { border-radius: 0; }
11	.ui-widget-content { background-color: $ui-default-bg !important; }
12	.ui-menu-item-wrapper { color: $body-color !important; }
13	.ui-state-active { color: $ui-default-link-active-color !important; }
14	.popover-header { color: $popover-header-color !important; }
15	.popover-body { color: $popover-body-color !important; }
16	.btn-primary {
17		color: color-yiq($primary) !important;
18		background-color: $primary !important;
19		border-color: darken($primary, 7.5%) !important;
20		&:hover, &:focus { background-color: darken($primary, 7.5%) !important; }
21	}
22	.btn-info {
23		color: color-yiq($info) !important;
24		background-color: $info !important;
25		border-color: darken($info, 7.5%) !important;
26		&:hover, &:focus { background-color: darken($info, 7.5%) !important; }
27	}
28	.card { border-color: $card-border-color !important; }
29	.card-header { border-color: $card-border-color !important; }
30	.card-body {
31		.nav-link {
32			&, small { color: $link-color !important; }
33		}
34	}
35	.dropdown-menu {
36		background-color: $dropdown-bg !important;
37		border-color: $dropdown-border-color !important;
38	}
39	.dropdown-divider { border-color: $dropdown-divider-bg !important; }
40	.dropdown-header { color: $dropdown-header-color !important; }
41	.moduletitle { color: $body-color !important; }
42	a:not(.dropdown-item) .icon, .btn-link {
43		border-color: transparent !important;
44		color: $link-color !important;
45		&:hover { color: $link-hover-color !important; }
46	}
47	.form-control {
48		background-color: $input-bg !important;
49		border-color: $input-border-color !important;
50		color: $input-color !important;
51	}
52	.chosen-container .chosen-results li.active-result {
53		&.text-muted.bg-info { background-color: $info !important; }
54		&.result-selected, &.highlighted { background-color: $link-color !important; }
55	}
56	.nav-tabs {
57		border: none !important;
58		border-bottom: 1px solid $nav-tabs-border-color !important;
59		.nav-link { color: $link-color !important; }
60		.nav-link.active, .nav-item.show .nav-link { color: $link-hover-color !important; }
61		.nav-link:not(.active) { border: none !important; }
62	}
63	// override colors when not using cypht default theme
64
65
66	a:not(.btn), a.btn-link {
67		color: $link-color !important;
68		&:hover {
69			color: $link-hover-color !important;
70			text-decoration: inherit;
71		}
72	}
73
74	.flipmodtitle.close, .close {
75		font-size: $close-font-size;
76		&, &:hover, &:focus { color: $close-color !important; }
77	}
78
79	.navbar-light .navbar-nav .nav-link {
80		color: $navbar-light-color !important;
81		&:hover, &:focus { color: $navbar-light-hover-color !important; }
82	}
83	.navbar-dark .navbar-nav .nav-link {
84		color: $navbar-dark-color !important;
85		&:hover, &:focus { color: $navbar-dark-hover-color !important; }
86	}
87	.dropdown-menu .dropdown-item {
88		border-radius: 0;
89		&, .icon { color: $dropdown-link-color !important; }
90		&:hover, &:focus {
91			&, .icon { color: $dropdown-link-hover-color !important; }
92		}
93	}
94}
95
96.inline-cypht {
97	background: transparent;
98	a:not(.btn):hover {
99		text-decoration: $link-hover-decoration !important;
100	}
101
102	.folders a, .subject a, .selected_menu a,
103	.unread_link, .selected_menu, .manage_folder_link {
104		&:not(.btn) {
105			color: $link-color !important;
106			&:hover {
107				color: $link-hover-color !important;
108				text-decoration: $link-hover-decoration;
109			}
110		}
111	}
112
113	.folder_list, .content_cell, .compose_page, .message_list, .msg_text, .selected_part,
114	.server_content, .profile_content, .user_settings,
115	.nux_add_account, .imap_server_setup, .pop3_server_setup,
116	.configured_server, .add_server {
117		background-color: $popover-bg;
118		color: $popover-body-color;
119	}
120
121	.folder_list, .content_cell { border: 1px solid $input-border-color; }
122	.content_title {
123		.list_meta { color: $popover-header-color !important; }
124		.list_controls {
125			border-top: 1px solid $input-border-color;
126			border-right: 1px solid $input-border-color;
127		}
128	}
129
130	.src_name, .content_title, .list_controls {
131		background: $popover-header-bg;
132		color: $popover-header-color;
133	}
134	.src_name { border-left-color: transparent; }
135
136	.message_table > tbody > tr > td, .msg_headers, .reply_quote,
137	.user_settings table td, .nux_empty_combined_view,
138	.empty_list, .profiles_empty, .subtitle {
139		color: $popover-body-color;
140	}
141	.msg_text_inner > table { background-color: #fff; }
142
143	.msg_headers th:hover, .settings_subtitle,
144	.server_section { color: inherit !important; }
145
146	.total_unread_count, .unread_count { color: #000; }
147	.btn-outline-secondary:hover { color: #fff !important; }
148
149	.profile_details th, .msg_date,
150	.news_cell .source, .news_cell .from { color: $popover-body-color; }
151
152	input[type=button], input[type=submit] {
153		display: inline-block;
154		font-weight: $btn-font-weight;
155		text-align: center;
156		white-space: nowrap;
157		vertical-align: middle;
158		user-select: none;
159		border: $btn-border-width solid transparent;
160		@include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-line-height, $btn-border-radius);
161		@include transition($btn-transition);
162		@include hover-focus { text-decoration: none; }
163		padding: $btn-padding-y $btn-padding-x !important;
164		cursor: pointer;
165
166		&:focus, &.focus {
167			outline: 0;
168			box-shadow: $btn-focus-box-shadow;
169		}
170
171		&.disabled, &:disabled {
172			opacity: $btn-disabled-opacity;
173			cursor: default;
174			@include box-shadow(none);
175		}
176	}
177
178	input[type=submit] {
179		@include button-variant($primary, $primary);
180	}
181
182	input[type=button] {
183		@include button-variant($secondary, $secondary);
184	}
185}
186
187.mobile.tiki-cypht, .mobile.tiki-webmail {
188	.content_cell .content_title {
189		&, .list_controls {
190			background: $popover-header-bg;
191			color: $popover-header-color;
192		}
193	}
194
195	.msg_controls {
196		background: $popover-header-bg !important;
197	}
198
199	.folder_list {
200		background-color: $popover-bg;
201		color: $popover-body-color;
202		border: 1px solid $input-border-color;
203
204		.src_name {
205			background: $popover-header-bg;
206			color: $popover-header-color;
207			border-left-color: transparent;
208		}
209	}
210
211	.nux_dev_news table td:last-child {
212		border-bottom: 1px solid $input-border-color;
213	}
214}
215