-
Notifications
You must be signed in to change notification settings - Fork 4
/
publish.css
5445 lines (4860 loc) · 237 KB
/
publish.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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
@charset "UTF-8";
/* this ensures that the Version Number is printed */
/* ────────────────────────────────────────────────────────────────────────────────
> AA
\ License
\ Willemstad-Specific Styling
──────────────────────────────────────────────────────────────────────────────── */
/*!
Apps > Obsidian.md > Theme
───────────────────────────────────────────────────────────────────────────────────
Willemstad X | v0.5.4 Jordaan
by @tingmelvin
https://github.com/tingmelvin/willemstad-x
───────────────────────────────────────────────────────────────────────────────────
> Approximate congruency with this version of Willemstad for Shimmering Focus:
───────────────────────────────────────────────────────────────────────────────────
Willemstad for Shimmering Focus | v0.1.7h7
https://github.com/tingmelvin/willemstad/
───────────────────────────────────────────────────────────────────────────────────
> Mozilla Public License Version 2.0
\\ Specific Callouts, CSSClasses, and other items are licensed under different
\\ license - please check
───────────────────────────────────────────────────────────────────────────────────
Copyright (c) 2022 Melvin Ting (@tingmelvin)
Mozilla Public License Version 2.0
==================================
1. Definitions
--------------
1.1. "Contributor"
means each individual or legal entity that creates, contributes to
the creation of, or owns Covered Software.
1.2. "Contributor Version"
means the combination of the Contributions of others (if any) used
by a Contributor and that particular Contributor's Contribution.
1.3. "Contribution"
means Covered Software of a particular Contributor.
1.4. "Covered Software"
means Source Code Form to which the initial Contributor has attached
the notice in Exhibit A, the Executable Form of such Source Code
Form, and Modifications of such Source Code Form, in each case
including portions thereof.
1.5. "Incompatible With Secondary Licenses"
means
(a) that the initial Contributor has attached the notice described
in Exhibit B to the Covered Software; or
(b) that the Covered Software was made available under the terms of
version 1.1 or earlier of the License, but not also under the
terms of a Secondary License.
1.6. "Executable Form"
means any form of the work other than Source Code Form.
1.7. "Larger Work"
means a work that combines Covered Software with other material, in
a separate file or files, that is not Covered Software.
1.8. "License"
means this document.
1.9. "Licensable"
means having the right to grant, to the maximum extent possible,
whether at the time of the initial grant or subsequently, any and
all of the rights conveyed by this License.
1.10. "Modifications"
means any of the following:
(a) any file in Source Code Form that results from an addition to,
deletion from, or modification of the contents of Covered
Software; or
(b) any new file in Source Code Form that contains any Covered
Software.
1.11. "Patent Claims" of a Contributor
means any patent claim(s), including without limitation, method,
process, and apparatus claims, in any patent Licensable by such
Contributor that would be infringed, but for the grant of the
License, by the making, using, selling, offering for sale, having
made, import, or transfer of either its Contributions or its
Contributor Version.
1.12. "Secondary License"
means either the GNU General Public License, Version 2.0, the GNU
Lesser General Public License, Version 2.1, the GNU Affero General
Public License, Version 3.0, or any later versions of those
licenses.
1.13. "Source Code Form"
means the form of the work preferred for making modifications.
1.14. "You" (or "Your")
means an individual or a legal entity exercising rights under this
License. For legal entities, "You" includes any entity that
controls, is controlled by, or is under common control with You. For
purposes of this definition, "control" means (a) the power, direct
or indirect, to cause the direction or management of such entity,
whether by contract or otherwise, or (b) ownership of more than
fifty percent (50%) of the outstanding shares or beneficial
ownership of such entity.
2. License Grants and Conditions
--------------------------------
2.1. Grants
Each Contributor hereby grants You a world-wide, royalty-free,
non-exclusive license:
(a) under intellectual property rights (other than patent or trademark)
Licensable by such Contributor to use, reproduce, make available,
modify, display, perform, distribute, and otherwise exploit its
Contributions, either on an unmodified basis, with Modifications, or
as part of a Larger Work; and
(b) under Patent Claims of such Contributor to make, use, sell, offer
for sale, have made, import, and otherwise transfer either its
Contributions or its Contributor Version.
2.2. Effective Date
The licenses granted in Section 2.1 with respect to any Contribution
become effective for each Contribution on the date the Contributor first
distributes such Contribution.
2.3. Limitations on Grant Scope
The licenses granted in this Section 2 are the only rights granted under
this License. No additional rights or licenses will be implied from the
distribution or licensing of Covered Software under this License.
Notwithstanding Section 2.1(b) above, no patent license is granted by a
Contributor:
(a) for any code that a Contributor has removed from Covered Software;
or
(b) for infringements caused by: (i) Your and any other third party's
modifications of Covered Software, or (ii) the combination of its
Contributions with other software (except as part of its Contributor
Version); or
(c) under Patent Claims infringed by Covered Software in the absence of
its Contributions.
This License does not grant any rights in the trademarks, service marks,
or logos of any Contributor (except as may be necessary to comply with
the notice requirements in Section 3.4).
2.4. Subsequent Licenses
No Contributor makes additional grants as a result of Your choice to
distribute the Covered Software under a subsequent version of this
License (see Section 10.2) or under the terms of a Secondary License (if
permitted under the terms of Section 3.3).
2.5. Representation
Each Contributor represents that the Contributor believes its
Contributions are its original creation(s) or it has sufficient rights
to grant the rights to its Contributions conveyed by this License.
2.6. Fair Use
This License is not intended to limit any rights You have under
applicable copyright doctrines of fair use, fair dealing, or other
equivalents.
2.7. Conditions
Sections 3.1, 3.2, 3.3, and 3.4 are conditions of the licenses granted
in Section 2.1.
3. Responsibilities
-------------------
3.1. Distribution of Source Form
All distribution of Covered Software in Source Code Form, including any
Modifications that You create or to which You contribute, must be under
the terms of this License. You must inform recipients that the Source
Code Form of the Covered Software is governed by the terms of this
License, and how they can obtain a copy of this License. You may not
attempt to alter or restrict the recipients' rights in the Source Code
Form.
3.2. Distribution of Executable Form
If You distribute Covered Software in Executable Form then:
(a) such Covered Software must also be made available in Source Code
Form, as described in Section 3.1, and You must inform recipients of
the Executable Form how they can obtain a copy of such Source Code
Form by reasonable means in a timely manner, at a charge no more
than the cost of distribution to the recipient; and
(b) You may distribute such Executable Form under the terms of this
License, or sublicense it under different terms, provided that the
license for the Executable Form does not attempt to limit or alter
the recipients' rights in the Source Code Form under this License.
3.3. Distribution of a Larger Work
You may create and distribute a Larger Work under terms of Your choice,
provided that You also comply with the requirements of this License for
the Covered Software. If the Larger Work is a combination of Covered
Software with a work governed by one or more Secondary Licenses, and the
Covered Software is not Incompatible With Secondary Licenses, this
License permits You to additionally distribute such Covered Software
under the terms of such Secondary License(s), so that the recipient of
the Larger Work may, at their option, further distribute the Covered
Software under the terms of either this License or such Secondary
License(s).
3.4. Notices
You may not remove or alter the substance of any license notices
(including copyright notices, patent notices, disclaimers of warranty,
or limitations of liability) contained within the Source Code Form of
the Covered Software, except that You may alter any license notices to
the extent required to remedy known factual inaccuracies.
3.5. Application of Additional Terms
You may choose to offer, and to charge a fee for, warranty, support,
indemnity or liability obligations to one or more recipients of Covered
Software. However, You may do so only on Your own behalf, and not on
behalf of any Contributor. You must make it absolutely clear that any
such warranty, support, indemnity, or liability obligation is offered by
You alone, and You hereby agree to indemnify every Contributor for any
liability incurred by such Contributor as a result of warranty, support,
indemnity or liability terms You offer. You may include additional
disclaimers of warranty and limitations of liability specific to any
jurisdiction.
4. Inability to Comply Due to Statute or Regulation
---------------------------------------------------
If it is impossible for You to comply with any of the terms of this
License with respect to some or all of the Covered Software due to
statute, judicial order, or regulation then You must: (a) comply with
the terms of this License to the maximum extent possible; and (b)
describe the limitations and the code they affect. Such description must
be placed in a text file included with all distributions of the Covered
Software under this License. Except to the extent prohibited by statute
or regulation, such description must be sufficiently detailed for a
recipient of ordinary skill to be able to understand it.
5. Termination
--------------
5.1. The rights granted under this License will terminate automatically
if You fail to comply with any of its terms. However, if You become
compliant, then the rights granted under this License from a particular
Contributor are reinstated (a) provisionally, unless and until such
Contributor explicitly and finally terminates Your grants, and (b) on an
ongoing basis, if such Contributor fails to notify You of the
non-compliance by some reasonable means prior to 60 days after You have
come back into compliance. Moreover, Your grants from a particular
Contributor are reinstated on an ongoing basis if such Contributor
notifies You of the non-compliance by some reasonable means, this is the
first time You have received notice of non-compliance with this License
from such Contributor, and You become compliant prior to 30 days after
Your receipt of the notice.
5.2. If You initiate litigation against any entity by asserting a patent
infringement claim (excluding declaratory judgment actions,
counter-claims, and cross-claims) alleging that a Contributor Version
directly or indirectly infringes any patent, then the rights granted to
You by any and all Contributors for the Covered Software under Section
2.1 of this License shall terminate.
5.3. In the event of termination under Sections 5.1 or 5.2 above, all
end user license agreements (excluding distributors and resellers) which
have been validly granted by You or Your distributors under this License
prior to termination shall survive termination.
************************************************************************
* *
* 6. Disclaimer of Warranty *
* ------------------------- *
* *
* Covered Software is provided under this License on an "as is" *
* basis, without warranty of any kind, either expressed, implied, or *
* statutory, including, without limitation, warranties that the *
* Covered Software is free of defects, merchantable, fit for a *
* particular purpose or non-infringing. The entire risk as to the *
* quality and performance of the Covered Software is with You. *
* Should any Covered Software prove defective in any respect, You *
* (not any Contributor) assume the cost of any necessary servicing, *
* repair, or correction. This disclaimer of warranty constitutes an *
* essential part of this License. No use of any Covered Software is *
* authorized under this License except under this disclaimer. *
* *
************************************************************************
************************************************************************
* *
* 7. Limitation of Liability *
* -------------------------- *
* *
* Under no circumstances and under no legal theory, whether tort *
* (including negligence), contract, or otherwise, shall any *
* Contributor, or anyone who distributes Covered Software as *
* permitted above, be liable to You for any direct, indirect, *
* special, incidental, or consequential damages of any character *
* including, without limitation, damages for lost profits, loss of *
* goodwill, work stoppage, computer failure or malfunction, or any *
* and all other commercial damages or losses, even if such party *
* shall have been informed of the possibility of such damages. This *
* limitation of liability shall not apply to liability for death or *
* personal injury resulting from such party's negligence to the *
* extent applicable law prohibits such limitation. Some *
* jurisdictions do not allow the exclusion or limitation of *
* incidental or consequential damages, so this exclusion and *
* limitation may not apply to You. *
* *
************************************************************************
8. Litigation
-------------
Any litigation relating to this License may be brought only in the
courts of a jurisdiction where the defendant maintains its principal
place of business and such litigation shall be governed by laws of that
jurisdiction, without reference to its conflict-of-law provisions.
Nothing in this Section shall prevent a party's ability to bring
cross-claims or counter-claims.
9. Miscellaneous
----------------
This License represents the complete agreement concerning the subject
matter hereof. If any provision of this License is held to be
unenforceable, such provision shall be reformed only to the extent
necessary to make it enforceable. Any law or regulation which provides
that the language of a contract shall be construed against the drafter
shall not be used to construe this License against a Contributor.
10. Versions of the License
---------------------------
10.1. New Versions
Mozilla Foundation is the license steward. Except as provided in Section
10.3, no one other than the license steward has the right to modify or
publish new versions of this License. Each version will be given a
distinguishing version number.
10.2. Effect of New Versions
You may distribute the Covered Software under the terms of the version
of the License under which You originally received the Covered Software,
or under the terms of any subsequent version published by the license
steward.
10.3. Modified Versions
If you create software not governed by this License, and you want to
create a new license for such software, you may create and use a
modified version of this License if you rename the license and remove
any references to the name of the license steward (except to note that
such modified license differs from this License).
10.4. Distributing Source Code Form that is Incompatible With Secondary
Licenses
If You choose to distribute Source Code Form that is Incompatible With
Secondary Licenses under the terms of this version of the License, the
notice described in Exhibit B of this License must be attached.
Exhibit A - Source Code Form License Notice
-------------------------------------------
This Source Code Form is subject to the terms of the Mozilla Public
License, v. 2.0. If a copy of the MPL was not distributed with this
file, You can obtain one at http://mozilla.org/MPL/2.0/.
If it is not possible or desirable to put the notice in a particular
file, then You may include the notice in a location (such as a LICENSE
file in a relevant directory) where a recipient would be likely to look
for such a notice.
You may add additional accurate notices of copyright ownership.
───────────────────────────────────────────────────────────────────────────────────
Trademark Guidelines +
Distribution Guidelines
(adapated from Mozilla for Willemstad)
==================================
What you can and cannot do with the product and code – independent of
our trademarks – is governed by the relevant software licenses. For
example, most Willemstad code is released under the Mozilla Public
License version 2.0.
The Mozilla Public License does not contain grant permission to use
Willemstad trademarks, as is set out in its section 2.1. "Grants":
"Each Contributor hereby grants You a world-wide, royalty-free,
non-exclusive license: (a) under intellectual property rights (other
than patent or trademark)…"
---------------------------
The open source nature of Willemstad allows you to freely download
and modify the source code. However, if you make any changes to
Willemstad, you may not redistribute that product using any
Willemstad trademark without the author’s prior written consent.
*/
/* ────────────────────────────────────────────────────────────────────────────────
> Willemstad Specific Styling
───────────────────────────────────────────────────────────────────────────────────
>> Titlebar
───────────────────────────────────────────────────────────────────────────────
>>> add Willemstad Version Number
──────────────────────────────────────────────────────────────────────── */
div.titlebar-text::after {
content: " / Willemstad X v0.5.4 Jordaan";
white-space: pre;
/* for title bar */
}
.tb-willemstad div.titlebar-text::after {
content: none;
/* [OPTION] if the Titlebar > Willemstad-specfic bit is turned off */
}
/* ────────────────────────────────────────────────────────────────────────────
>> Infobox, in Community Theme Modal
───────────────────────────────────────────────────────────────────────────────
>>> Add Text and Versioning
──────────────────────────────────────────────────────────────────────── */
body:not(.is-mobile) .community-theme.is-selected {
width: 100%;
max-width: calc(2 * var(--width-max-modal-theme) + 1rem);
padding: 1rem 1rem;
}
body:not(.is-mobile) .community-theme.is-selected .community-theme-title {
font-size: 2rem;
}
body:not(.is-mobile) .community-theme.is-selected .community-theme-title::after {
font-size: 1rem;
}
body:not(.is-mobile) .community-theme.is-selected .community-theme-info:after {
left: 55%;
}
body:not(.is-mobile) .community-theme.is-selected img[src] {
max-width: 50%;
}
/* needed to prevent changes in mobile */
.community-theme.is-selected {
/* for community theme title */
/* ─────────────────────────────────────────────────────────────────────────
>>> Fixes the weird box thingum aligning left
\\\ as in, what it makes is that the name and the Github thingy a bit off
───────────────────────────────────────────────────────────────────────── */
/* ─────────────────────────────────────────────────────────────────────────
>>> GitHub Repository Button
───────────────────────────────────────────────────────────────────────── */
}
.community-theme.is-selected .community-theme-title:before {
content: "🏘️";
}
.community-theme.is-selected .community-theme-title::after {
content: "\av0.5.4 Jordaan";
font-size: 0.8rem;
font-weight: normal;
letter-spacing: -0.02rem;
text-decoration: underline overline;
white-space: pre-wrap;
/* allows Version Number to fit nicely */
text-underline-position: under;
}
.community-theme.is-selected .community-theme-info:after {
/* for Style Settings not downloaded and/or enabled */
content: "👋 Hi! Welcome to Willemstad. I hope you enjoy this theme! \a\aThis theme works without the 'Style Settings' plugin, but will have limited functionality. \a\aPlease download and enable the 'Style Settings' plugin via 'Settings > Community Plugins > Browse' to take full advantage of this theme!";
font-size: 0.8rem;
font-weight: bold;
line-height: 100%;
letter-spacing: -0.01rem;
/* general stuff */
white-space: pre-wrap;
color: var(--text-normal);
background-color: var(--background-secondary);
position: absolute;
top: 35%;
right: 5%;
left: 5%;
padding: 0.3rem 0.25rem 0.3rem 0.25rem;
margin: 0.25rem;
border: 0.125rem solid var(--text-error);
border-radius: calc(var(--shape-roundish) * 3);
}
.css-settings-manager .community-theme.is-selected .community-theme-info:after {
/* for Style Settings being enabled */
content: "👋 Hi! Welcome to Willemstad. I hope you enjoy this theme! \a\aHover over elements such as the status bar for them to become visible. \a\aThank you for enabling the 'Style Settings' plugin, please use it to enable this theme's full functionality and to change default options.";
border: 0.125rem solid var(--interactive-accent);
}
.community-theme.is-selected span.community-theme-downloads {
color: var(--text-accent);
position: relative;
padding: 0 0 0.25rem 0;
}
.community-theme.is-selected .community-theme-info {
color: var(--text-accent);
padding: 0 0 0.75rem 0;
justify-content: center;
}
.community-theme-info {
justify-content: flex-start;
flex-wrap: wrap;
}
.community-theme.is-selected .community-theme-info .clickable-icon {
display: block;
text-align: center;
width: 100%;
color: var(--text-accent);
background-color: var(--background-secondary);
border: 0.125rem solid var(--interactive-accent);
border-radius: calc(var(--shape-roundish) * 1.25);
cursor: pointer;
}
.community-theme.is-selected .community-theme-info .clickable-icon::after {
content: "Repository";
color: var(--text-accent);
padding-left: 0.25rem;
}
/* ────────────────────────────────────────────────────────────────────────────────
> BC
\ Root
\ Colours
───────────────────────────────────────────────────────────────────────────────────
>> BASE COLOURS
──────────────────────────────────────────────────────────────────────────── */
:is(.theme-light, .theme-dark) {
/* ────────────────────────────────────────────────────────────────────
>>> ACCENTS
──────────────────────────────────────────────────────────────────── */
--accent-light: hsl(41, 100%, 40%);
--accent-lighter: hsl(41, 100%, 55%);
--accent-lighterer: hsl(41, 100%, 70%);
--accent-lightest: hsl(41, 100%, 85%);
/* ────────────────────────────────────────────────────────────────────
>>> [COMMUNITY PLUGIN | Calendar] SET TODAY'S AND YEAR's COLOURS
──────────────────────────────────────────────────────────────────── */
--PComm001-col-today: hsl(184, 74%, 20%);
--PComm001-col-year: hsl(155, 100%, 37%);
--PComm001-col-dot: hsl(184, 74%, 20%);
}
/* ────────────────────────────────────────────────────────────────────────
>>> LIGHT THEME
───────────────────────────────────────────────────────────────────────── */
.theme-light {
/* ─────────────────────────────────────────────────────────────────
>>>> HEADINGS > Colours > Text
───────────────────────────────────────────────────────────────── */
--col-h1: hsl(155, 100%, 37%);
--col-h2: hsl(184, 74%, 20%);
--col-h3: hsl(238, 70%, 39%);
--col-h4: hsl(19, 100%, 57%);
/* rgb(254 80 0) rgb(255 125 0);*/
--col-h5: hsl(324, 100%, 15%);
--col-h6: hsl(184, 74%, 20%);
/* ─────────────────────────────────────────────────────────────────
>>>> HEADINGS > Colours > Background
───────────────────────────────────────────────────────────────── */
--col-h1-bg: hsla(184, 74%, 20%, 0.08);
--col-h2-bg: hsla(155, 100%, 37%, 0.2);
--col-h3-bg: hsla(188, 100%, 39%, 0.25);
--col-h4-bg: hsla(41, 100%, 55%, 0.2);
--col-h5-bg: hsla(352, 100%, 85%, 0.2);
--col-h6-bg: transparent;
/* ─────────────────────────────────────────────────────────────────
>>>> COLOURS > Miscellany
───────────────────────────────────────────────────────────────── */
--text-accent: hsl(184, 75%, 20%);
--text-accent-hover: hsl(155, 100%, 37%);
--col-bg-table: hsl(155, 100%, 37%);
--col-header-title-active: hsl(155, 100%, 37%);
--col-header-title-dormant: hsl(184, 74%, 20%);
--interactive-bg: hsl(155, 100%, 37%);
--interactive-border-color: hsl(184, 74%, 20%);
--interactive-accent: hsl(var(--interactive-accent-hsl));
--interactive-accent-hsl: 155, 100%, 37%;
--interactive-accent-hover: hsl(184, 74%, 20%);
--scroll-hover: hsl(155, 100%, 48%);
--col-selection: hsl(41, 100%, 55%);
--text-dark: hsl(184, 74%, 20%);
--text-light: hsl(155, 100%, 37%);
--col-sd: hsl(184, 75%, 20%);
}
/* ────────────────────────────────────────────────────────────────────────
>>> DARK THEME
───────────────────────────────────────────────────────────────────────── */
.theme-dark {
/* ─────────────────────────────────────────────────────────────────
>>>> HEADINGS > Colours > Text
───────────────────────────────────────────────────────────────── */
--col-h1: hsl(187, 13%, 87%);
--col-h2: hsl(155, 100%, 37%);
--col-h3: hsl(188, 100%, 39%);
--col-h4: hsl(41, 100%, 55%);
--col-h5: hsl(352, 100%, 85%);
--col-h6: hsl(155, 100%, 37%);
/* ─────────────────────────────────────────────────────────────────
>>>> HEADINGS > Colours > Background
───────────────────────────────────────────────────────────────── */
--col-h1-bg: hsla(155, 100%, 37%, 0.73);
--col-h2-bg: hsla(184, 74%, 20%, 0.2);
--col-h3-bg: hsla(238, 70%, 39%, 0.25);
--col-h4-bg: hsla(19, 100%, 50%, 0.2);
--col-h5-bg: hsla(324, 100%, 15%, 0.2);
--col-h6-bg: transparent;
/* ─────────────────────────────────────────────────────────────────
>>>> COLOURS > Miscellany
───────────────────────────────────────────────────────────────── */
--text-accent: hsl(155, 100%, 37%);
--text-accent-hover: hsl(184, 74%, 20%);
--col-bg-table: hsl(184, 74%, 20%);
--col-header-title-active: hsl(155, 100%, 37%);
--col-header-title-dormant: hsl(184, 74%, 20%);
--interactive-bg: hsl(155, 100%, 37%);
--interactive-border-color: hsl(155, 100%, 37%);
--interactive-accent: hsl(var(--interactive-accent-hsl));
--interactive-accent-hsl: 155, 100%, 37%;
--interactive-accent-hover: hsl(184, 74%, 20%);
--scroll-hover: hsl(155, 100%, 48%);
--col-selection: hsl(41, 100%, 55%);
--text-dark: hsl(184, 74%, 20%);
--text-light: hsl(155, 100%, 37%);
--col-sd: hsl(155, 100%, 37%);
}
/* ────────────────────────────────────────────────────────────────────────
>>> SETTING BASE COLOURS AND ALL | CODE: HIUMAA
───────────────────────────────────────────────────────────────────────── */
.theme-light {
--background-primary: hsl(0, 0%, 100%);
--background-primary-alt: hsl(220, 18%, 97%);
--background-secondary: hsl(220, 13%, 95%);
--background-secondary-alt: hsl(216, 10%, 90%);
/* secondary-alt-2 was hsl(218, 11.5%, 92.5%); tertiary was hsl(212, 9%, 85%); tertiary-alt was hsl(208, 8%, 80%) */
--text-normal: hsl(210, 10%, 20%);
--text-muted: hsl(0, 0%, 53%);
--text-faint: hsl(0, 0%, 60%);
--text-error: hsl(0, 100%, 25%);
--text-error-hover: hsl(0, 100%, 30%);
--text-on-accent: hsl(0, 0%, 95%);
--background-modifier-border: hsl(0, 0%, 87%);
--background-modifier-form-field: hsl(0, 0%, 100%);
--background-modifier-form-field-highlighted: hsl(0, 0%, 100%);
--background-modifier-box-shadow: hsla(0, 0%, 0%, 0.1);
--background-modifier-success: hsl(148, 58%, 77%);
--background-modifier-error: hsl(0, 100%, 30%);
--background-modifier-error-hover: hsl(0, 100%, 37%);
--background-modifier-cover: hsla(0, 0%, 0%, 0.8);
--highlight-mix-blend-mode: darken;
/* things im not sure what it does, lol */
--text-selection: hsla(209, 100%, 90%, 0.99);
--interactive-normal: hsl(220, 13%, 95%);
--interactive-hover: hsl(0, 0%, 91%);
--interactive-success: hsl(107, 100%, 23%);
--scrollbar-active-thumb-bg: hsla(0, 0%, 0%, 0.2);
--scrollbar-bg: hsla(0, 0%, 0%, 0.05);
--scrollbar-thumb-bg: hsla(0, 0%, 0%, 0.102);
}
.theme-dark {
--background-primary: hsl(0, 0%, 13%);
--background-primary-alt: hsl(0, 0%, 9%);
--background-secondary: hsl(0, 0%, 8%);
--background-secondary-alt: hsl(0, 0%, 0%);
--text-normal: hsl(210, 3%, 87%);
--text-muted: hsl(0, 0%, 60%);
--text-faint: hsl(0, 0%, 40%);
--text-error: hsl(0, 100%, 60%);
--text-error-hover: hsl(0, 100%, 30%);
--text-on-accent: hsl(210, 3%, 87%);
--background-modifier-border: hsl(0, 0%, 20%);
--background-modifier-form-field: hsla(0, 0%, 0%, 0.302);
--background-modifier-form-field-highlighted: hsla(0, 0%, 0%, 0.22);
--background-modifier-box-shadow: hsla(0, 0%, 0%, 0.3);
--background-modifier-success: hsl(107, 100%, 23%);
--background-modifier-error: hsl(0, 100%, 12%);
--background-modifier-error-hover: hsl(0, 100%, 14%);
--background-modifier-cover: hsla(0, 0%, 0%, 0.8);
--highlight-mix-blend-mode: lighten;
/* things im not sure what it does, lol */
--text-selection: hsla(212, 54%, 20%, 0.99);
--interactive-normal: hsl(0, 0%, 16%);
--interactive-hover: hsl(0, 0%, 19%);
--interactive-success: hsl(107, 100%, 23%);
--scrollbar-active-thumb-bg: hsla(0, 0%, 100%, 0.2);
--scrollbar-bg: hsla(0, 0%, 100%, 0.05);
--scrollbar-thumb-bg: hsla(0, 0%, 100%, 0.1);
}
.theme-dark ::selection {
color: var(--background-primary);
}
/* ────────────────────────────────────────────────────────────────────────────────
> BT
\ Root
\ Typography
──────────────────────────────────────────────────────────────────────────────── */
body {
text-rendering: optimizeLegibility;
--font-interface-theme: var(--font-ui);
/* my changes to stick */
--font-interface: var(--font-interface-override), var(--font-interface-theme), var(--default-font);
/* replace this with font-interface in 0.14.5 */
--font-text-theme: var(--font-editor);
/* my changes to stick */
--font-text: var(--font-text-override), var(--font-text-theme), var(--font-interface), var(--default-font);
/* change in 0.14.5 */
/* --font-monospace-theme: see below */
--font-monospace: var(--font-monospace-override), var(--font-monospace-theme), "DM Mono";
}
body:not(.is-mobile) {
--default-font: var(--font-editor);
--menu-font: var(--font-menu);
--ui-font: var(--font-ui);
}
body.is-mobile {
--default-font: var(--font-editor-m);
--menu-font: var(--font-menu-m);
--ui-font: var(--font-ui-m);
}
/* ────────────────────────────────────────────────────────────────────────
>>> FONT SIZES
──────────────────────────────────────────────────────────────────────── */
:is(.theme-light, .theme-dark) {
--size-font-searchbox: 0.9em;
--size-font-editor-table: 0.8em;
--size-font-preview-table-th: 1em;
--size-font-preview-table-td: 1em;
/* move these away */
/* ────────────────────────────────────────────────────────────────────────
>>> FONT TYPEFACE > Obsidian Core > Set + Enable changes
──────────────────────────────────────────────────────────────────────── */
/* to edit --default-font, edit the mobile/desktop equivalents (--font-editor-m) and (--font-editor) */
--font-monospace-theme: "DM Mono";
--font-heading: "Manrope", "Inter 3.19", "DM Sans";
/* to edit --menu-font, edit the mobile/desktop equivalents (--font-menu-m) and (--font-menu) */
/* to edit --ui-font, edit the mobile/desktop equivalents (--font-ui-m) and (--font-ui) */
--smallcap-font: "DM Sans", "Inter 3.19", "Manrope";
/* what is this for again? */
--setting-heading: "DM Sans", "Inter 3.19", "Manrope";
/* what is this for again? */
--font-mermaid: "DM Sans", "Inter 3.19", "Manrope";
/* for Mermaid.js */
--font-reveal: "DM Sans", "Inter 3.19", "Manrope";
/* for Slides core plugin - not in use atm */
/* ──────────────────────────────────────────────────────────────────────
>>> FONT TYPEFACE > Desktop
────────────────────────────────────────────────────────────────────── */
--font-editor: "DM Sans", "Inter 3.19", "Manrope";
--font-menu: "Manrope", "Inter 3.19", "DM Sans";
--font-ui: "Manrope", "Inter 3.19", "DM Sans";
/* ──────────────────────────────────────────────────────────────────────
>>> FONT TYPEFACE > Mobile
────────────────────────────────────────────────────────────────────── */
--font-editor-m: "DM Sans", "Inter 3.19", "Manrope";
--font-menu-m: "Manrope", "Inter 3.19", "DM Sans";
--font-ui-m: "Manrope", "Inter 3.19", "DM Sans";
/* ──────────────────────────────────────────────────────────────────────
>>> FONT > Additional + Plugins
────────────────────────────────────────────────────────────────────── */
--font-longform: "Crimson Pro";
/* ──────────────────────────────────────────────────────────────────────
>>> HEADINGS > Size | a la Shimmering Focus | thanks @pseudometa
────────────────────────────────────────────────────────────────────── */
--h1: 1.8em;
--h2: 1.6em;
--h3: 1.45em;
--h4: 1.3em;
--h5: 1.15em;
--h6: 1.05em;
/* old SF headers - changed due to changes in Obsidian v0.13.30
--h1-size: 1.8em;
--h2-size: 1.6em;
--h3-size: 1.45em;
--h4-size: 1.3em;
--h5-size: 1.15em;
--h6-size: 1.05em;
*/
}
/* ────────────────────────────────────────────────────────────────────────────
>> FONT PAIRINGS | QUICK FONTS
\\ need to add :not(.is-mobile) somehow later down th eline
───────────────────────────────────────────────────────────────────────────────
>>> INTER 3.19
──────────────────────────────────────────────────────────────────────── */
.fp-inter:is(.theme-light, .theme-dark) {
--font-monospace-theme: "DM Mono";
--font-heading: "Inter 3.19";
--font-editor: "Inter 3.19";
--font-menu: "Inter 3.19";
--font-ui: "Inter 3.19";
}
/* ────────────────────────────────────────────────────────────────────────
>>> MANROPE + DM SANS
──────────────────────────────────────────────────────────────────────── */
.fp-manDM:is(.theme-light, .theme-dark) {
--font-monospace-theme: "DM Mono";
--font-heading: "Manrope";
--font-editor: "DM Sans";
--font-menu: "Manrope";
--font-ui: "Manrope";
}
/* ────────────────────────────────────────────────────────────────────────────
>> FONTS | HEADERS
───────────────────────────────────────────────────────────────────────────────
>>>
──────────────────────────────────────────────────────────────────────── */
:is(h1, h2, h3, h4, h5, h6) {
font-family: var(--font-heading);
}
/* ────────────────────────────────────────────────────────────────────────────
>> FONTS | MONOSPACE
───────────────────────────────────────────────────────────────────────────────
>>> Δ LETTER SPACING + FONT SIZE
\\\ (need to Style Settings this?)
──────────────────────────────────────────────────────────────────────── */
.cm-s-obsidian .hmd-fold-html-stub, .cm-s-obsidian .hmd-fold-code-stub,
.cm-s-obsidian.CodeMirror .HyperMD-hover > .HyperMD-hover-content code,
.cm-s-obsidian .cm-formatting-hashtag, .cm-s-obsidian .cm-inline-code,
.cm-s-obsidian .HyperMD-codeblock, .cm-s-obsidian .HyperMD-hr,
.cm-s-obsidian .cm-hmd-frontmatter, .cm-s-obsidian .cm-hmd-orgmode-markup,
.cm-s-obsidian .cm-formatting-code, .cm-s-obsidian .cm-math,
.cm-s-obsidian span.hmd-fold-math-placeholder,
.cm-s-obsidian .CodeMirror-linewidget kbd,
.cm-s-obsidian .hmd-fold-html kbd,
.cm-s-obsidian span.cm-hmd-callout {
font-size: 0.9em;
letter-spacing: -0.015rem;
}
.setting-hotkey {
font-family: var(--font-monospace);
font-size: 0.8em;
padding: 0 0.6rem 0 0.6rem;
border-radius: calc(var(--shape-roundish) * 1.25);
}
/* ────────────────────────────────────────────────────────────────────────
>>> Δ MONOSPACE COLOURS | code from Shimmering Focus, thanks @pseudometa
──────────────────────────────────────────────────────────────────────── */
body > .app-container .cm-s-obsidian .cm-def.cm-hmd-frontmatter {
letter-spacing: -0.04rem;
color: var(--accent-light);
}
/* ────────────────────────────────────────────────────────────────────────────
>> FONTS | UI
───────────────────────────────────────────────────────────────────────────────
>>> Delineation of UI font elements
──────────────────────────────────────────────────────────────────────── */
body :is(.status-bar, .view-header-title),
.workspace-tabs .workspace-leaf .workspace-leaf-content :is(.view-content div, .view-content) {
font-family: var(--font-ui);
}
input[type=text], input[type=search], input[type=email], input[type=password], input[type=number] {
font-family: var(--font-ui);
}
.empty-state-title {
font-family: var(--font-ui);
}
/* ────────────────────────────────────────────────────────────────────────────
>> FONTS | MENU
───────────────────────────────────────────────────────────────────────────────
>>> Delineation of Menu font elements
──────────────────────────────────────────────────────────────────────── */
.vertical-tab-nav-item,
.modal-container .modal.mod-settings,
.modal.mod-community-plugin,
.modal.mod-community-theme,
.titlebar-text,
.community-plugin-info :is(.community-plugin-version, .community-plugin-author),
.community-theme.is-selected .community-theme-info::after {
font-family: var(--font-menu);
}
/* ────────────────────────────────────────────────────────────────────────────────
> BV01
\ Root > Smaller Global Variables
\ Rounded Shapes
──────────────────────────────────────────────────────────────────────────────── */
/* ────────────────────────────────────────────────────────────────────────────
>> [ROUNDER SHAPES] a la Shimmering Focus, ja? | thanks to @pseudometa
──────────────────────────────────────────────────────────────────────────── */
.theme-light, .theme-dark {
--shape-roundish: 0.40rem;
--shape-round: 3.125rem;
}
/* ────────────────────────────────────────────────────────────────────────────
>> OPTIONAL ROUND SHAPES BORDERS
───────────────────────────────────────────────────────────────────────────────
>>> {DRAFT} HEADERS
───────────────────────────────────────────────────────────────────────────
>>>> for READING MODE
──────────────────────────────────────────────────────────────────── */
body.headers-round .cm-s-obsidian .cm-header,
body.headers-round .markdown-preview-view :is(h1, h2, h3, h4, h5, h6) {
border-radius: calc(var(--shape-roundish) * 1.25);
}
/* ────────────────────────────────────────────────────────────────────
>>>> for EDITING MODE (LIVE PREVIEW) | SEEMS TO INTERFERE WITH CODE BLOCKS
──────────────────────────────────────────────────────────────────── */
.headers-round :is(.HyperMD-header-1.cm-line, .HyperMD-header-2.cm-line, .HyperMD-header-3.cm-line, .HyperMD-header-4.cm-line, .HyperMD-header-5.cm-line, .HyperMD-header-6.cm-line) {
border-radius: calc(var(--shape-roundish) * 1.25);
}
/* ─────────────────────────────────────────────────────────────────────────
>>> CALLOUTS
───────────────────────────────────────────────────────────────────────── */
.headers-round .callout {
border-radius: calc(var(--shape-roundish) * 1.25);
}
/* for round headers, need to change? */
/* ────────────────────────────────────────────────────────────────────────────────
> BV01
\ Root > Smaller Global Variables
\ Animations
───────────────────────────────────────────────────────────────────────────────────
>> (OPTION) ANIMATIONS! | from Shimmering Focus | thanks to @pseudometa
──────────────────────────────────────────────────────────────────────────── */
body:not(.no-animations) {
--quicker-transition: 100ms ease-in-out;
--quick-transition: 200ms ease-in-out;
--medium-transition: 350ms ease-in-out;
--slow-transition: 550ms ease-in-out;
}
/* ────────────────────────────────────────────────────────────────────────────────
> EB
\ Blocks Visual Surroundings
───────────────────────────────────────────────────────────────────────────────────
>> [EMBED BLOCKS]
───────────────────────────────────────────────────────────────────────────────
>>> REMOVE BORDERS AND PADDINGS
──────────────────────────────────────────────────────────────────────── */
.markdown-embed, .file-embed {
padding: 0 0;
margin: 0 0;
}
.markdown-embed .markdown-preview-view {
padding: 0 0 0 0;
}
/*
.markdown-embed-content, .markdown-embed-block {
padding: 0 0;
margin: 0 0;
}