Skip to content
This repository was archived by the owner on Feb 12, 2022. It is now read-only.

Commit 088c55e

Browse files
bekalshenoybekalshenoy
committed
features
1 parent e4079ed commit 088c55e

File tree

7 files changed

+283
-36
lines changed

7 files changed

+283
-36
lines changed

‎src/assets/css/color.css

+3-13
Original file line numberDiff line numberDiff line change
@@ -49,11 +49,9 @@ SOFTWARE. */
4949
#drb {
5050
color: white !important;
5151
background: #0078d7 !important;
52-
font-size: 14px !important;
5352
border: none !important;
53+
font-size: 14px !important;
5454
font-family: "Lobster" !important;
55-
padding-left: 10px !important;
56-
padding-right: 10px !important;
5755
margin: 5px !important;
5856
height: 32px !important;
5957
box-shadow: rgba(0, 0, 0, 50%) 0 0.01px 5px !important;
@@ -66,13 +64,10 @@ SOFTWARE. */
6664
#drb:hover {
6765
font-size: 14px !important;
6866
font-family: "Lobster" !important;
69-
padding-left: 10px !important;
70-
padding-right: 10px !important;
7167
margin: 5px !important;
7268
height: 32px !important;
7369
color: white !important;
7470
background: #0078d7 !important;
75-
border: 2px solid rgba(0, 0, 0, 0.4) !important;
7671
border-radius: 10px !important;
7772
}
7873
.swal-button--cancel:focus,
@@ -81,11 +76,8 @@ SOFTWARE. */
8176
.button1:focus,
8277
#drb:focus {
8378
background: #0078d7 !important;
84-
border: 2px solid #000 !important;
8579
font-size: 14px !important;
8680
font-family: "Lobster" !important;
87-
padding-left: 10px !important;
88-
padding-right: 10px !important;
8981
margin: 5px !important;
9082
height: 32px !important;
9183
color: white !important;
@@ -101,18 +93,16 @@ SOFTWARE. */
10193
color: #000 !important;
10294
font-size: 14px !important;
10395
font-family: "Lobster" !important;
104-
padding-left: 10px !important;
105-
padding-right: 10px !important;
10696
margin: 5px !important;
10797
height: 32px !important;
10898
border-radius: 10px !important;
10999
}
110100
.swal-modal {
111-
background: #202020ee !important;
101+
background: #202020ee;
112102
}
113103
.swal-title,
114104
.swal-text {
115-
color: #fff !important;
105+
color: #fff;
116106
font-family: "Lobster" !important;
117107
}
118108
input[type="color"] {

‎src/assets/css/editor.css

+9-6
Original file line numberDiff line numberDiff line change
@@ -59,24 +59,27 @@ SOFTWARE. */
5959
}
6060
*::-webkit-scrollbar {
6161
width: 6px;
62+
cursor: pointer;
6263
}
6364
*::-webkit-scrollbar-track {
6465
box-shadow: none;
6566
border-radius: 10px;
6667
-webkit-border-radius: 10px;
6768
background: none;
69+
cursor: pointer;
6870
}
6971
*::-webkit-scrollbar-thumb {
7072
border-radius: 10px;
7173
-webkit-border-radius: 10px;
7274
background: #000;
7375
box-shadow: none;
76+
cursor: pointer;
7477
}
7578
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=""]::before {
76-
content: "Arial";
79+
content: "Nunito";
7780
}
7881
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=""]::before {
79-
content: "Arial";
82+
content: "Nunito";
8083
}
8184
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value="lobster"]::before {
8285
content: "Lobster";
@@ -291,21 +294,21 @@ SOFTWARE. */
291294
}
292295
.emoji-mart {
293296
font-family: "Lobster" !important;
294-
background: #202020ee !important;
297+
background: #202020ee;
295298
visibility: hidden;
296299
border: none !important;
297300
border-radius: 0 !important;
298301
}
299302
.emoji-mart-category-label span {
300-
background: #202020 !important;
303+
background: #202020;
301304
}
302305
.emoji-mart * {
303306
border: none !important;
304-
color: #fff !important;
307+
color: #fff;
305308
border-radius: 20px !important;
306309
}
307310
.emoji-mart-search input {
308-
color: #000 !important;
311+
color: #000;
309312
}
310313
#hideemoji {
311314
font-family: "segoe";

‎src/assets/css/main.css

+79-1
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ button {
6767
display: grid;
6868
position: fixed;
6969
grid-template-columns: 1fr;
70-
top: 40px;
70+
top: 45px;
7171
left: 92%;
7272
font-family: "segoe";
7373
font-size: 20px;
@@ -137,6 +137,7 @@ button {
137137
border-radius: 5px;
138138
cursor: pointer;
139139
margin-left: -40px;
140+
box-shadow: rgba(0, 0, 0, 50%) 0 0.01px 5px;
140141
}
141142
#theme option {
142143
margin: 10px;
@@ -189,6 +190,7 @@ button {
189190
min-height: 80px;
190191
pointer-events: none;
191192
box-shadow: rgba(0, 0, 0, 50%) 0 0.01px 5px;
193+
font-family: "nonito";
192194
}
193195
#search {
194196
width: 81%;
@@ -269,3 +271,79 @@ button {
269271
text-align: left;
270272
padding: 0 70px;
271273
}
274+
@media screen and (prefers-color-scheme: light) {
275+
#note,
276+
#home {
277+
background: #ffffffee;
278+
}
279+
#titlebar1 {
280+
background: #ffffffff !important;
281+
color: #000 !important;
282+
}
283+
.button:hover {
284+
color: #000 !important;
285+
}
286+
#search {
287+
background: #fff;
288+
color: #000;
289+
}
290+
#options {
291+
color: #000;
292+
background: #fff;
293+
}
294+
#sync,
295+
#settings,
296+
#about {
297+
background: #ffffffee;
298+
color: #000;
299+
}
300+
#sync span,
301+
#settings span,
302+
#about span {
303+
color: #000;
304+
}
305+
#theme {
306+
background: #fff;
307+
color: #000;
308+
}
309+
.swal-modal {
310+
background: #ffffffee !important;
311+
}
312+
.swal-title,
313+
.swal-text {
314+
color: #000 !important;
315+
}
316+
.dropdown-content {
317+
background-color: #ffffffee !important;
318+
}
319+
.dropdown-content a {
320+
color: #000 !important;
321+
}
322+
.dropdown-content a:hover {
323+
background-color: #eee !important;
324+
}
325+
#choosecolor {
326+
background: #ffffffee !important;
327+
color: #000 !important;
328+
}
329+
.emoji-mart {
330+
background: #ffffffee !important;
331+
}
332+
.emoji-mart-category-label span {
333+
background: #fff !important;
334+
}
335+
.emoji-mart * {
336+
color: #000 !important;
337+
}
338+
.emoji-mart-search input {
339+
color: #fff !important;
340+
background: #000;
341+
}
342+
#hideemoji {
343+
color: #000 !important;
344+
background: #ffffffee !important;
345+
}
346+
#window-title2 span:hover {
347+
color: #000 !important;
348+
}
349+
}

‎src/assets/css/titlebar.css

+9-1
Original file line numberDiff line numberDiff line change
@@ -101,7 +101,8 @@ SOFTWARE. */
101101
#min-button {
102102
grid-column: 1;
103103
}
104-
#window-title1 {
104+
#window-title1,
105+
#window-title2 {
105106
grid-row: 1 / span 1;
106107
font-size: 25px;
107108
font-family: "segoe";
@@ -122,6 +123,13 @@ SOFTWARE. */
122123
#window-title1 span:hover {
123124
color: #fff;
124125
}
126+
#window-title2 span {
127+
-webkit-app-region: no-drag;
128+
color: #707070;
129+
}
130+
#window-title2 span:hover {
131+
color: #fff;
132+
}
125133
#window-title1:hover {
126134
background: rgba(255, 255, 255, 0.4);
127135
opacity: 1;

0 commit comments

Comments
 (0)