forked from JaxonWright/beeper-midnight
-
Notifications
You must be signed in to change notification settings - Fork 0
/
beeper-midnight-pink.css
106 lines (87 loc) · 3 KB
/
beeper-midnight-pink.css
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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
/***
* Beeper Midnight - v1.3 - May 31, 2023
* a simple pitch-black theme for the Beeper desktop client
***/
/* Variables that make it easier to adjust various colors of Beeper */
*
{
font-family: "B612";
}
:root {
--primary-color: #000;
--title-bar-bg: var(--primary-color); /* the background of the title bar with window actions on it */
--left-panel-bg: var(--primary-color); /* the background of the list of chats on the left */
--chat-header-bg: var(--primary-color); /* the background of the current chat's header */
--chat-panel-bg: var(--primary-color); /* the background of the current chat */
--dialog-bg: var(--primary-color); /* the background of dialogs */
--left-panel-v2-bg-no-transparency--windows: var(--primary-color); /* variable that controls bg of source list on the very left of new layout */
--left-panel-bg-no-transparency: var(--primary-color); /* variable that controls bg of source list on the very left of new layout */
}
/* Makes the input for custom CSS in Beeper preferences larger in order to make editing easier */
.mx_AppearanceUserSettingsTab .mx_Field.mx_Field_textarea {
width: 100% !important;
height: 500px !important;
}
/* title bar */
.bp_TitleBar {
background-color: var(--title-bar-bg);
}
/* page on right when there is no chat opened */
.mx_HomePage {
background-color: var(--chat-panel-bg);
}
/* Left Panel */
.bp_LeftPanel, .bp_LeftPanel .rooms_subtitle-container, .bp_RoomTile .actions-container .info,
.mx_MatrixChat_wrapper--windows .bp_LeftPanel, .mx_MatrixChat_wrapper--linux .bp_LeftPanel {
background-color: var(--left-panel-bg);
}
/* Room Header */
.mx_RoomHeader {
background: var(--chat-header-bg);
}
/* Background of right side */
.mx_RoomView_messageListWrapper {
background: var(--chat-panel-bg);
}
/* message composer */
.mx_MessageComposer {
background: var(--chat-panel-bg);
}
/* Dialogs */
.mx_Dialog {
background-color: var(--dialog-bg);
}
/* Room information */
.dark-panel,
.mx_RightPanel_ResizeWrapper {
background-color: var(--primary-color);
}
/* padding of message bubbles */
.mx_EventTile_messageOut .mx_EventTile_line,
.mx_EventTile_message .mx_EventTile_line {
padding: 8px 16px;
}
/* Who is typing (below composer) */
.bp_WhoIsTypingTile {
z-index: 10;
background: var(--chat-panel-bg);
}
/* Declutter settings */
#mx_ContextualMenu_Container .mx_AccessibleButton[aria-label="Chat Networks"] {
display: none;
}
#mx_ContextualMenu_Container .mx_AccessibleButton[aria-label="Mark All As Read"] {
display: none;
}
/* Non-linux users may want to keep this */
#mx_ContextualMenu_Container .mx_AccessibleButton[aria-label="Check for Update"] {
display: none;
}
#mx_ContextualMenu_Container .mx_AccessibleButton[aria-label="Download Mobile App"] {
display: none;
}
/* Make your messages pink! */
.mx_EventTile_messageOut:not(.mx_EventTile_emoji, .mx_EventTile_image, .mx_EventTile_sticker) .mx_EventTile_line, .mx_EventTile_messageOut .mx_EventTile_reactionsContainer
{
background-color: #ff69b4 !important;
}