diff options
author | 2023-11-03 10:13:45 -0400 | |
---|---|---|
committer | 2023-11-03 08:13:45 -0600 | |
commit | 48dcdaff46ce392a23a945bd96e28b473ae000b0 (patch) | |
tree | 862a1a534f13efacb51d503e49f8687f74c66567 /recipes/google-voice/darkmode.css | |
parent | feat: add memos recipe (#445) (diff) | |
download | ferdium-recipes-48dcdaff46ce392a23a945bd96e28b473ae000b0.tar.gz ferdium-recipes-48dcdaff46ce392a23a945bd96e28b473ae000b0.tar.zst ferdium-recipes-48dcdaff46ce392a23a945bd96e28b473ae000b0.zip |
Google Voice recipe add darkmode.css, fix message counts (#449)
Diffstat (limited to 'recipes/google-voice/darkmode.css')
-rw-r--r-- | recipes/google-voice/darkmode.css | 161 |
1 files changed, 161 insertions, 0 deletions
diff --git a/recipes/google-voice/darkmode.css b/recipes/google-voice/darkmode.css new file mode 100644 index 0000000..ed61286 --- /dev/null +++ b/recipes/google-voice/darkmode.css | |||
@@ -0,0 +1,161 @@ | |||
1 | :root { | ||
2 | --dark-grey: rgb(24, 26, 27); | ||
3 | --dark-medium-grey: rgb(27, 30, 31); | ||
4 | --medium-grey: rgb(31, 34, 35); | ||
5 | --dark-green: rgb(23, 55, 53); | ||
6 | --grey: grey; | ||
7 | --light-medium-grey: rgb(140, 130, 115); | ||
8 | --light-grey: rgb(208, 204, 197); | ||
9 | --near-medium-white: rgb(192, 186, 178); | ||
10 | --near-white: rgb(232, 230, 227); | ||
11 | --basically-white: #EEE; | ||
12 | } | ||
13 | |||
14 | * { | ||
15 | transition: none !important; | ||
16 | animation: none !important; | ||
17 | filter: none !important; | ||
18 | -webkit-animation: none !important; | ||
19 | -moz-animation: none !important; | ||
20 | -o-animation: none !important; | ||
21 | -ms-animation: none !important; | ||
22 | } | ||
23 | |||
24 | ::placeholder /* placeholder text */ | ||
25 | { | ||
26 | color: var(--grey)!important; | ||
27 | } | ||
28 | |||
29 | ::-webkit-scrollbar { | ||
30 | width: 8px!important; | ||
31 | } | ||
32 | |||
33 | ::-webkit-scrollbar-thumb { | ||
34 | background: var(--medium-grey)!important; | ||
35 | } | ||
36 | |||
37 | ::-webkit-scrollbar-thumb:hover { | ||
38 | background: var(--dark-green)!important; | ||
39 | } | ||
40 | |||
41 | html, | ||
42 | body, | ||
43 | input, | ||
44 | button, | ||
45 | label, | ||
46 | header, /* header bar */ | ||
47 | .mat-drawer-container, /* side icons */ | ||
48 | .gvMessagingView-thread-list, /* List of calls */ | ||
49 | .gvMessagingView-conversationListWrap, /* list of messages */ | ||
50 | .gvThreadDetails-messageListHeader, /* header when viewing a message */ | ||
51 | .gvMessageListHeader-subtitle, /* subtitle in message header */ | ||
52 | .gvThreadDetails-root, /* message view */ | ||
53 | .gvVoicemailPlayer-content, /* visual voicemail view */ | ||
54 | .gvCallSidebar-root, /* calling sidebar */ | ||
55 | .gvSettingsView-settingsNavBar, /* settings sidebar */ | ||
56 | .gvSettingsView-sections, /* settings body */ | ||
57 | #contact-list, /* calling sidebar contacts */ | ||
58 | .button, /* calling sidebar */ | ||
59 | .caption, /* calling sidebar */ | ||
60 | .dialpad-button-container, /* calling sidebar */ | ||
61 | md-menu-content, | ||
62 | gv-availability-view, | ||
63 | .gvRecipientPicker-chipsWrap, /* selecting to: when sending new msg */ | ||
64 | .gb_te, /* search box dropdown */ | ||
65 | div.mat-mdc-select-panel, /* settings recharge notification amount */ | ||
66 | .gvBillingView-header /* billing header */ | ||
67 | { | ||
68 | background-color: var(--dark-grey)!important; | ||
69 | border-color: var(--light-medium-grey)!important; | ||
70 | color: var(--light-grey)!important; | ||
71 | } | ||
72 | |||
73 | .gvThreadItem-selected, /* messages list item */ | ||
74 | .container, /* calls list items and also message text container */ | ||
75 | .mat-mdc-menu-panel /* context menus */ | ||
76 | { | ||
77 | background-color: var(--dark-grey)!important; | ||
78 | } | ||
79 | |||
80 | iframe, | ||
81 | header form, /* Main search bar */ | ||
82 | header form input, /* Main search bar */ | ||
83 | header form button, /* Main search bar */ | ||
84 | .icon /* settings page icons */ | ||
85 | { | ||
86 | background-color: var(--medium-grey)!important; | ||
87 | } | ||
88 | |||
89 | .mdc-list-item--activated, | ||
90 | .container.active, /* calls list items and also message text container */ | ||
91 | .gvThreadItem-selected /* message list selected item */ | ||
92 | { | ||
93 | background-color: var(--dark-green)!important; | ||
94 | } | ||
95 | |||
96 | .gvThreadItem-root:hover, /* messages list item */ | ||
97 | .gvThreadItem-root:focus, /* messages list item */ | ||
98 | .gvMessagingView-thread-list .container:hover /* calls list items */ | ||
99 | { | ||
100 | background-color: var(--dark-medium-grey)!important; | ||
101 | } | ||
102 | |||
103 | .mat-divider { | ||
104 | border-color: var(--light-medium-grey)!important; | ||
105 | } | ||
106 | |||
107 | .bubble /* message bubble */ | ||
108 | { | ||
109 | background-color: var(--dark-grey)!important; | ||
110 | color: var(--light-grey)!important; | ||
111 | border: 1px solid var(--light-medium-grey)!important; | ||
112 | } | ||
113 | |||
114 | input, | ||
115 | textarea, | ||
116 | header span[role="heading"], | ||
117 | .mat-icon, /* general icon override */ | ||
118 | .navItemLabel, /* main nav labels */ | ||
119 | .mdc-list-item__primary-text, /* settings nav items */ | ||
120 | .mat-mdc-select, /* settings autorecharge text */ | ||
121 | .grey-900, /* various bolded items */ | ||
122 | .gvThreadItem-contacts, /* message list contact name */ | ||
123 | .phone-number-details, /* calling sidebar label */ | ||
124 | #contact-list ul li .info-container .name, /* calling sidebar contact list */ | ||
125 | .gvThreadItem-contacts, /* contact name in message list */ | ||
126 | .primary-text, /* call header name */ | ||
127 | .title, /* receiving calls button */ | ||
128 | .sectionTitle, /* settings title */ | ||
129 | .internalHeader, /* settings sub title */ | ||
130 | .header, /* settings sub title */ | ||
131 | .device-label, /* settings devices */ | ||
132 | .deviceLabel, /* settings devices */ | ||
133 | .details .name /* settings greeting label */ | ||
134 | { | ||
135 | color: var(--near-white)!important; | ||
136 | } | ||
137 | |||
138 | .status, /* various label text (message sender, timestamp etc) */ | ||
139 | .gvThreadItem-root, /* message list text */ | ||
140 | .container .thread-info, | ||
141 | .call-as-label, /* calling sidebar label */ | ||
142 | #contact-list ul li .info-container .details, | ||
143 | .latest-item-details, /* call timestamp */ | ||
144 | .secondary-text, /* call header subtext */ | ||
145 | .subheader, /* settings sub sub title */ | ||
146 | .internalSubheader, /* settings sub sub title */ | ||
147 | .device-details, /* settings device number */ | ||
148 | .deviceDetails, /* settings device number */ | ||
149 | .no-devices, /* settings devices */ | ||
150 | .notificationText /* settings web notifications */ | ||
151 | { | ||
152 | color: var(--near-medium-white)!important; | ||
153 | } | ||
154 | |||
155 | div[aria-label^="Unread"] .thread-info, /* unread missed calls */ | ||
156 | div[aria-label^="Unread"] .latest-item-details, /* unread missed calls */ | ||
157 | .gvThreadItem-unread /* unread message */ | ||
158 | { | ||
159 | color: var(--basically-white)!important; | ||
160 | font-weight: 900!important | ||
161 | } | ||