summaryrefslogtreecommitdiff
path: root/ui/app.css
blob: 2df588e9f0106c23091f6a58fb59c54ad69bab1c (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
@import url("styles/reset.css");
@import url("styles/variables.css");
@import url("styles/overscroll.css");
@import url("styles/app-bar.css");
@import url("styles/app-layout.css");
@import url("styles/sidebar.css");
@import url("styles/active-channel.css");
@import url("styles/messages.css");
@import url("styles/textarea.css");
@import url("styles/forms.css");
@import url("styles/invites.css");

body {
  background-color: var(--colour-active-channel-bg);
  color: var(--dark-text);
}

hr {
  width: 90%;
}

.no-active-channel {
  display: table;
  height: 100%;
  width: 100%;
  text-align: center;
}

.vertical-aligner {
  display: table-cell;
  vertical-align: middle;
  font-style: italic;
}

/* TODO:
 * put this somewhere appropriate,
 * use a correct variable,
 * be sensitive to background colour context.
 */
a,
a:hover,
a:visited,
a:active {
  color: var(--light-text);
}

/* Debugging */
/* * /
div {
  outline: 1px dashed grey;
  background-color: var(--colour-background);
  box-shadow: 5px 5px 5px var(--colour-border);
}
/* */