2022-10-22 18:59:09 +08:00
|
|
|
/*!
|
2022-10-25 20:43:45 +08:00
|
|
|
Prism Theme for Obsidian.md (Version: v3.0.0) Beta 10
|
2022-10-22 18:59:09 +08:00
|
|
|
> A Comprehensive, Highly-Customisable and Elegant Light/Dark Theme for Obsidian.md
|
|
|
|
|
|
|
|
Source: https://github.com/damiankorcz/Obsidian-Prism
|
|
|
|
Support the development: https://www.buymeacoffee.com/DamianKorcz
|
|
|
|
Forum Thread: https://forum.obsidian.md/t/theme-prism/36493
|
|
|
|
|
|
|
|
Distributed under the MIT License. See https://github.com/damiankorcz/Obsidian-Prism/blob/main/LICENSE for more information.
|
|
|
|
Copyright (c) 2022 Damian Korcz <https://github.com/damiankorcz>
|
|
|
|
*/
|
|
|
|
@font-face {
|
|
|
|
font-family: "Source Sans 3";
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 200 900;
|
|
|
|
font-stretch: normal;
|
|
|
|
src: url(data:application/octet-stream;base64,d09GMgABAAAAAo90ABQAAAAJ/fwAAo78AAMLxwAAAAAAAAAAAAAAAAAAAAAAAAAAGUYaiw8bk4loHIHPTj9IVkFSqwY/TVZBUkYGYD9TVEFUgWYnJgCBhE4vYAqIlWCG2QsLzXQAMIfpUAE2AiQDzW4EIAXDfwcgW1J3uRz6L2Ru3/WbJEcEGo870l5ImDSlgiiaVseR8Uukmt8GIAJpb/4pGb5nyPbuoA+Q362RTU3VMWQxNg6m+jApAXIb3ZwJaRT/OsdWQQKKuF/QyP7//////////////////28y/Ty62Xsv4b2/MllBQiCgYAWrIrg2dnmOVmtr79rr3UbMWBgU1sa6IIwsMkbHOknB2riKa1rXNdahtroBTZtFLbzURG2Uow4UXeihEizFNfEa+FfvZ6jggZYSF7K8IjDk0aoxuso2tdaaePiqXjo3XAuaoNFwPFl/PdzguLbJegJtlbW2FOSVq6juVGCyOWjbbT3rLo8dmu/ko9Yu5NbWoz0L+5kNO5weNM0rOIQe6mjoHVVRcwPa3EPDozzPeoFz9JTJFSb1Bi1+FKgNkxaKixi0h2OSmWT2LTjJxojBEo7jU0s7+ow+pwQUxRDDBdEIQ1jpSBjvZZ1W/TJ3/i2zb6+viDoskkHSS67BviFTJg3Tb2n2vIhX+S28A4E0DVWm5L1v/Q9kVXu+oSdpH25+6YIZk1yiCMucZFr5cntEbTelj8ZwqbVeoDqvae1W7pzdc86hvjHGrCYoNsZobGdQRRGc8/1D0mf0kXENGKxhvETZBipZ4PaqQTla8xUW+PSKGR4FmBgqJPBEMeR+KH8/dwYb6TO6qLj1m6W5AgZWVNzYyHWkzdYXd0MYpdQWvtRaE1YpRb36il6Sjqfj/CxvLKPxWE9hhnSNZCaZSfYs2zdEwkKlkiKFtBIFDAwiJDPJjJghR0oS8+zlww6qzkH82PJ9cJwttWW2qApXnQmMUUgzmq2jOcMkwD1gKOmQGUUMMwbX0GijqNdBC+j1ogVJPJlAjB7RtYooEZKZuhWhLAj6ilP4hi4MZEQZwv6AvqCZttSC/uThAd9o1Fb44Um8nPhwQlg49kFZJFDY5hTKQ4h+pT/61/I8mcDdXgGGJ9u/vYQtuHRkzjTTTxT7cLy1ccQBGjQ7clhMY73qHKHVJJrjJ61I9j4i99d3hfjy0oy/YH2PbFWDfkIalBqgkJHs3SOLlCZZ04q+xA4zZvRdUPMsAHVAMm47JAQjDuk5HC266n5+vmVgZaQg3yGZyS6TQj8LycvkHZqQfE1ZyIk6fPeQ+3yxDrN5A6VnkH7T6LMhJ11SxSS/+Ni6hRyV/bK184DMuX8d34Zr+Bf28Pgp27182IsK534Y09KGQaFlUAouS+g/m3N7CHWOTFNRNdDjB+LN73lW1q+gaUlm+qd39rwCFx6KG6nB7ZIyL4lGA2NKY5A1RigRkhm46iUM8WgkvQO7CqeQXBX0qoecTGmmFfVeRVCMfozurQVVu1VKW4ghQEY94AVkDtZwIHTLkVM9XkCIruENfDtFN8l4EyxfGN8TYLLD5B/7f/LvmEE4x4kovsMMTB1gxjOBaejPX/QUGI9g+ynrrZka/tu/J69LdApB551agz+vK69L1nHaea/80L5P6OYx+gsHgsTLEJ2UNq8HVSIoCQUC2xRj5/2q8g7pNdpWXok2iSXEHmvdujqtB4SqgAauoqFUqZr0oAdJYkycQmTPrbVH6AdoTTLTmzhDmwT/sy4zgtFPYhcpIqpG0KmlhPWnmzkHDSm7iEFsphXSDDsfEyQMP6EKIQPDUYwiRgzMEDPEzEEYG8NFK+avDD3eO4EUYvschN+T32Bwgs66YQKNutwp3YzDpc+xbnQgnEYmEgEOW/qhX/P0hbxY2dw3VWwrd9OUhvi3Av/z+pitxjYmbOX873U43dh1K4StoO8+uSQ5LTRl/A99kseySPoHhPN+5/0Pn8JyoII2Jf4dLIh1aArJPKFE0OM8bhpTwD/WWmsTSsS/a38Du9rWjmRfLit3UoAacle/1oSBMY5oBN2kCQabiqzaxUGOk8mFc+M8vPqQGtKimCv4Cc8TP2d/7sybZzFIAgkhSIECBYp5BbxOjYpuy6pXdMWNdfXfvwyyZd+HJEAIHiCYjGmnJnSfrJ+pQ7evZ2J75l9Nu1jZgP1tB6EcAkGAhAHYprmof+5GLqyxcq6MCHRO0WHk0CEWJWAUYCOgYiLY2NiIEbEoV0YvPlmZIzzXf/5xrme8cz3rqaietWqtVRWxVlRPVVSnIhORicp0KlOZiJzO6mSqdqKiKlOxU5Wp6FRVRKeqvsrEV5HZiaiInS8iMhUV8a34IifzJ6q+TERE/HlTAoCH/5b/33adU93VfUN8aXLQI2f8yCEGn1RU3f8/okZoJFmCMCw0QrEQmlw82C9hvf+TbHZRtcoqNEYhsQhXnUQ5hGWwXNFnzOV/eN38hAAx3KZZxLDGhwgBwjQ8xoopBKQhskZC83CFtYPiWEgVnwbTuABXtGHHuCLuuOhCfks9NY7FeVpq+S21fBwDuKWld9Svco5LAiGBQIIlkOB2nMGp9ayqs4qt7cSkU+223zqTn4h380/v1H4QGGMZMLGxQjAlhFCXEpa61HVdr+s6juvkv/m9vKzX/aU/H/fn/tP+FXn/v7Sn9bpeN3UcyhLHwQSDELIQQgyj0Wg0Go1Go9HVnZmr0Wg0Go3ESAh7nl/bnzlvH7xdllBXWFa4pIUIfCRyCRuLL2EBRhSpjYXZVFlYVRhRGMz/m6r9BXABgiAIUZREywxDK7KiKIrqOKrrqq7GoziOm7ip6+cux5PJyaRbum2ZLV1OLunZlq9lzyx7l33SPW02j5uncRTVI0uyIlMkRYIgCAIXF8DFxYVFurLq1qinak/WgpE1BnpCDAEjhPCjgACyd/xM0cIf+FP/O3b9UtfXze1NE5q6juM6jj+/YIwBYwxCCCGEEEIIIYQQAoQQsixkjDEhmMRN3n4/n77OTt4vk+lm3+T+8nr/uZlOt5ub6fZl83KzMYLKWL8h43viBU28bKm9SA/sNLJMtIy0UCwULDnU3uAcS0/10mTozevdqe+7H74RLC02TR4M6CZNe8akGIVB6Wf3MQTmH1O1viiKBwiCIAh+giD4AYIgCIIgCIIgCIEQRFEUJcuyrCiKo7iO67quNy+bzehlvJleLy+Kssd9Z/uyx9WdM5O5slm/Tibr5/W4Ho/rUR1FVRRbZmRZpuzN9lmaOgkcOwk2NEcbT3SEbYgO8B1QH389A/XxqMyjtzQaleaDWnW9EOx/On25g2FL+vRGdGewewpTz8fuX04routA5ZBcxy1r1i1NkTKhknj8MX0tO0UjjaiZfstyyaXWTvsurlVsBGl5zgNRKQuUtJ3sND3ER5b/8sETVkp0+Nxg7OyjgAn/vL+xcx+J0n6LJGjMGdXNYkj+PM3Z/7lzZ+5N7iQjmQDDbUgTEiBQSGl6swNpfVhx1gyxOlYxeeK2Lrz3vrJi1LCKsexXNnSG5+fWg31ApDfWb39/2QwYJWNNjUgpCRFERUAJEUnr9BQFFUTFPAMbOPQwus6opPh+Pz57zr1vSShUZMyuAgqBQrBxyEqnooCEifPgP8R/y/hfVd3u7ZmfI6CeIml0VE94cvQIy0EYFEIhLE4g/M4/OjW6Fx3bHctxlrPJsjOc7dfnc13OL/XzI5tLyaI55+KTvr6EEAIECCFAiLHFNMYYA57Bo2u7Y62M+fNtae8NYeW/1mGAT2QFGaAut7Vbd/mQDImvyrF+JVcxa30Sryc1W/4pDsHe/s0EA1KacjABr9fIbg65FT+vlJ137nNg/L0ZNwvY9HrMS9KU0oaKyQceIekJOYvGne83dLIKOWb6k0t+Oq7HGFP3eVzBKBRGso3AeJxaSQBQYOFpztI1KJOeQu0GK2O4gmOhVAum3WzgdlmTgtAD/xHOZunxwdgp5cY/PPfq+8LpnMerc9IEWhaQDqFymSuWXDc4AAnHKxnHMfy+uV7A578sgqquUMiybMxHYQtkNLm
|
|
|
|
}
|
|
|
|
@font-face {
|
|
|
|
font-family: "Source Sans 3";
|
|
|
|
font-style: italic;
|
|
|
|
font-weight: 200 900;
|
|
|
|
font-stretch: normal;
|
|
|
|
src: url(data:application/octet-stream;base64,d09GMgABAAAAAg3wABQAAAAF4EAAAg13AAMLxwAAAAAAAAAAAAAAAAAAAAAAAAAAGUYah3kbhoYKHIGVcD9IVkFSowo/TVZBUkYGYD9TVEFUgWYnJgCBhE4vYAqHg3iF3gQLnzIAMIbEKgE2AiQDvl4EIAXFaQcgWzF8tdNSxrwrl/alQFuNOAOCzrExNc5km3+N+OZ+yIOy1bbXSoSMMXYbj4AEmlVGtg6v70sZZrG0I8i8vxQM31aaefDwlv3///////////////83lo5HN//uEu7ujSQQRkICMmQITka1FbV1VGulVtv+rv8/sKjBVsARHqKYkASqBNcqIIV6Awk0KQ9CMeMWckEljBaR5W2FogTb6e74bi/yHXCuA2LqPbWp9N0A1BpjGYZGtYVj9ZqgXYWRxTUYSx3aVYEJbZlkJplJ5sDtBnjg6VSKKIGkuRdBq5wN+zB34vYP4DBzsQz4CNiAy3OscIxO0AKWxApitJjDIumtm/0+vKmSTJ8wueLQZkmNIer09g2hh9rOc3aRsTyxTT41ljNvz+KJ9woxN9XzEYiqlA4c9AQmxNkUcnyCGTN6K1gQlyQTjREIYSRWCf6OOOcNcOBNWBcB+DJf8bh75q4c2vXvYZdlSqi210OGNpgPJNNH5Ax1sC1ybhAnjbPF8NrAzS3Jq4q5u0ZZA8XKh7CcoenaWMiRGcLHEVa9p0SEEgn6YB4+oUu4TYb1x1YL3OfQ2xzYvxsXIGVdJBZwoB8EKcPFpwaaM/CgWAMDu0lOpkTKwMDHUCrYeVBllDNiBgZG/CSUiFBeRJn4mKumcAV5m8up1EepMGJUNUgZFSXFraSAFHinINOEqDFs2FShZk0Tlds79CUcRnxHMlFFHGBNj6qD50O87AyHw/kMXAVG9N4R1a/A9+TVfnMwHgxTSMNf0wmZx2NiwMqEfL6nGBiqT0hBq3ipSihLJONZBBNXDZA/PKIaZLXjr1ArXtyGzCS8MoRHukf1KzC6eCXOX8C9FQMTGzwJLsGNt8RLbmqMXYMe0RJ6CfnOMkOtb9fvvhBfERNzxPj72enG1AewjzWEA/RIO/12xiEViMMV+sd2bU5HOCO7NFfAhJyz32za2RG4+zzVOeIeyUzyPyTTL+QWknZ1H20hTX/eIrOx1rbGsOg5N3S/nh763vd8unpu+3mrbrExBiIiESqnBA557zfSwlrrDbLWWmvR0lprW2jPWmsvcGxMEuwcHeA/g47nhM/gko7C4zCfp91VGWReMd9wLVhGN+/peeg/Gf06RAdMKpMchCtlg+K/uIVEiMFGNb9EY2ttb0qoxpRIsCu6TZeV96ZJvjKZcMWNNc2Pig8wNS7bwF5uYuPWu134YtARUvHR/Neo6+OihO2wMYVt5FavF7A/mgxhtoA/MORb3BdlYsvCAc8xG3yKonCelqOc/yJzPT92B8jO3Sp1Cczc3QQU7d0bavoslAEmHyEBG0jgX/hN9KXx+fT1HllYgMFyDFlqkKn9QjtIl8aAgxtrjO86/IY857t0iB7BEBfiNI2ukQVDMTDFwGE1XOl7ObLBf9BVWsJ7mEW9OjaoRTBigmtWTQNZpGEPvi8cdjXT3MU+NWmRIRtZSkTC24b0n7aKWr0gfOWs6ISKtkUU3RAuuA/v/6CSiXNVQkNeC0wXXv9lVJZewXWkxdoGM95crOb+NgZmSBXiDGYqqIEm1itYOejdgO4HGMNHagZ7lRZlh8fASMB1ie/0NjQTIKefA5GMu761AIaIiKnU6t7iUOclbvGIV0TPT/xCRLRc1T27e5eLCjFiJAFCsJDPBwkBng/yiAYxD4EnmAST5DELom+IvSrwZrzz73jO/3ftqxt4eSn+kKZqzKdqqgas/j1ApOeMkbMEksAo1Hv8rjCIxmX+31SrvwQ3EARBEAQuQfBiIQiCIAiCIAiCFASREE1Tsiwrsuw4LsflSrtc7lQmnU7v6d22Mm+tmfO+ZtmXXjJbek9veWlPOpX2SaddKselchxFUWRZpobnp7MHDd5S0aj95Cdf8n/0J/kRk1oqChUFShEdYxtSZBwTPbZxTNy4jc3PdwfTu5sYaLZI27MnFVBagMkHAYa3OoQ/3qbVi8fl7s32ZNKX+0o7brdjE2xjDBiELIPQhRBCCCGEEEIIIYSQZUIwJoTQZHrStft7fu7n7vd99h7XHGfPVGZ2t4+rsl3ZbG82fYbnbfe27proZw+SDAuCq/1+fyvyRSQyc+d7508Qb4SQCZFIYkh4gukm0B7PJ8MJ/HfBEk84hARj19DEr7ZG1YnaFV9ZI+oGY5z1tTEmdabv/MPW8qQxfnDCD52MjRO2SiSzYlEkGdJx6zxWozGtcfxJrkQogVw7EhKEm7BLBICUS1sbSoq2wpPdBBHPq11+5d6hltakZvjTZu8HLpoASfdk4b/dRLBr+2TNrEPUvhud944V4KL8BNClKNP9LpOmS9Ml02Oq9k8UdViRFUVVVVXrOK7rehXF63hSr+JkHSf3+ns7qZtm/VOve3nd2/9PpnOditzjvJ2jruMoiqwoMkVRFAWSIAiCIAiC4AMIPD6CIACCIHiKmnpVq280QRCEIIqWaVqj08gaj8ardXk1yeeb8/mmZO2szxuSN+W5kHzJmyJJXXg5fF1I0Zu8c16vxyNraFqSaQpiAEGw2Ww0Go1Go8H/A/vR79c+d2Yu5klDN4tqCUIXzS8UxFIkUxIZ/01DYYhysxHCG0JIQkjIs/l/QghPnh9CCCGEJTzyiYqIiIiIiAiIiIiIiNSiVcSnnFqLb9Faa9W2/vWstdbaz69+tWqttdYBuFldv+sETWBNbGAY+VsawsxWI9nmyVfNHp0ACIIgRVFUsWxrvSUbx+v4Nk7re7VUyb7yda+0v8z7KvXrSiubXOv7fE5zvLIsURQFgaDilvXQSIz7hIPnn+yI/txX1V0LK4JnSc/6A47EyEwdQujh+d/mn/sBLtcLIiIiISIiEhIRGZmRopkpOSMzs5+ZM+fMyPyS2c+cb2uuZz/X6/nMOZ/POVeumXM9M9d8jj5zzpyZsWbmY87HMyIiIsT5/9/W/0aqJNoonIwb5Xhf1Nf7fP31vvLj6y1QZBx0GARERDwCAuIRDoc+HCqsGAedaKfjeovnW4v9mC8aDHoYpFuEZRAZFrmwoFl4PHw/9u3e8/7u22TWTOs2FWC6tUZKDNFEklojNIYC+P9RZ69kKZYlY4Bsx04cpAL7rrh1mbuM7+VSIjjCsb/Tn8rjp7k0NgIyAECAilrFqnMnDqHwAsdvv88RhEdiP6FxeCTCgi+db0C4tD+NRqXS6OioFAqFSqFH2S8UGo0GXKpm9sT88mW+K7Mi4sqs57quJ3aQwQ4ynYrMifUPnh1ykobU2uB64lnxgoTUioQgQUIIIQ0hhDSEVMRLRX7TYCXIR0KwbhAbRKyIiOcFsXYaJCcSJOdZz7OiiNGZ9mAEOqMv/If3vfN/9+HLw+Fw+HG4XMWm69sWADw/vVNrJl58z9oeWLagdFvLMiwBzMyTNWoVQ6Isw4F/pd+yHSjytUkbWoZk41TFXi8ODgSkHZuyy0/76EK16uCm2BcCT88qbeoFw90/BkIJwUP/zn00rb9w5/bSCSF4CBYsz/vEdVW+9/cM338rosWKWG2CBcuOoDNLx1yopTulY0UUOUMI0YhHiOOpMz6PUB5xlEd8hFCEeGOMMT4DjuM4xHEcnyEOGI4SwnqO83GIo2Pt/NhdE776/fg8PT3T8/7W2nWcWECJLp7Lb0X6OCCjQac86pQnvPBFJ69qDStwHI7AcXh4eTk80MpKZKApPPhwTo035GZ10t69mJdfqcVlIfERBgkERoATMa9evHxHdSsuF/6/X9O3+wOAwkWGi6DrANgndzbKtEJWmGrVHIRgTa+fIg8JjZ3VCFnMZoRvAU0H/kk2dygQ5rN4hP4cx5r+//8yg4gjDIiIWGMSryft1FvrZvHr7iFEzgX1fpmhK32VznSLYN5ZxvN73wQCJHulY2lp00mhXpOHJhM5t4loiZDd2yWpKZUsKJk
|
|
|
|
}
|
|
|
|
@font-face {
|
|
|
|
font-family: "JetBrains Mono";
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 100 800;
|
|
|
|
src: url(data:application/octet-stream;base64,AAEAAAAVAQAABABQRFNJRwAAAAEAA4NgAAAACEdERUYPbKaXAAHL4AAAAtFHUE9TGGo6AAABzrQAACJ8R1NVQrc8lvcAAfEwAABblkhWQVIFXwAzAAJMyAAAADZPUy8yEhQLhAAAAdgAAABgU1RBVBOw1okAAk0AAAAA+GF2YXIK0yABAAJN+AAAACpjbWFwatR7iAAAF3QAADp8ZnZhcosVeawAAk4kAAAAdGdhc3AAAAAQAAHL2AAAAAhnbHlmH3IJOAAAXJgAASwYZ3Zhci2l5sQAAk6YAAE0yGhlYWQVW/RJAAABXAAAADZoaGVh/+8GHQAAAZQAAAAkaG10eNDOL0UAAAI4AAAVPGxvY2Gwg/rQAABR+AAACqBtYXhwBccCbgAAAbgAAAAgbmFtZYkhUdsAAYiwAAAJyXBvc3TtVOXvAAGSfAAAOVpwcmVwaAaMhQAAUfAAAAAHAAEAAAACPfRCd0eiXw889QADA+gAAAAA3Sm1EQAAAADdKb2R+Tn+cAK3BGAAAAAGAAIAAAAAAAAAAQAAA/z+1AAAAlj5Of+hArcAAQAAAAAAAAAAAAAAAAAABU8AAQAABU8BuABuALQABgABAAAAAAAAAAAAAAAAAAMAAQAEAlgBkAAFAAACigJYAAAASwKKAlgAAAFeADIBQAAAAgAACQAAAAAAAKAEAv8SAPn7AgAAKAAAAABKQgAAAMAAAP//A/z+1AAAA/wBLCAAAZ/f1wAAAiYC2gAAACAABgJYAFoCWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYAB4CWAAeAlgAXQJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFwCWAAKAlgAXAJYAAoCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAGQCWABkAlgAZAJYAEYCWABkAlgAXwJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABdAlgACgJYAF0CWABpAlgAaQJYAGkCWABpAlgAaQJYAGkCWABpAlgAaQJYAGkCWABpAlgAaQJYAGkCWAAtAlgALQJYAFwCWABcAlgAggJYAHUCWACCAlgAggJYAIICWAAUAlgATAJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWAAjAlgAIwJYAFgCWAAoAlgAXAJYAFoCWABQAlgAXAJYAFwCWABcAlgAXAJYAEgCWABIAlgASAJYAEgCWABIAlgASAJYAFwCWABaAlgANwJYADcCWAA3AlgANwJYADcCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAMgJYABkCWAAZAlgAGQJYABkCWAAZAlgAKAJYACMCWAAjAlgAIwJYACMCWAAjAlgAIwJYACMCWAAjAlgAIwJYAFUCWABVAlgAVQJYAFUCWABBAlgAQQJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYAEECWABBAlgAQQJYACMCWAAjAlgAXAJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABGAlgAPwJYAFoCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAWAJYAFUCWABaAlgAPAJYAFgCWABYAlgAWAJYAFgCWABYAlgAWAJYAFgCWABcAlgAAAJY/+ECWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAEYCWABGAlgARgJYAF8CWABfAlgAXwJYAB4CWAAeAlgAMgJYAB4CWAAeAlgACgJYAB4CWAA8AlgAXAJYAFwCWP/2AlgAXAJYAFwCWABeAlgAXAJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABVAlgAVQJYAFUCWABYAlgAIwJYACMCWABVAlgAIwJYAF0CWABXAlgAWAJYAG0CWABtAlgAbQJYACMCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABcAlgApQJYADcCWAA3AlgANwJYADcCWAA3AlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAWgJYAFoCWABaAlgAMgJYACMCWAAjAlgAIwJYACMCWAAjAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYADICWAAyAlgAMgJYAFoCWABaAlgAWgJYAFoCWABcAlgArwJYALkCWAAyAlgAXgJYAF0CWACCAlgAggJYAIICWAAZAlgAZAJYAGQCWAAMAlgANgJYAFoCWABaAlgAXAJYAFwCWAAUAlgATAJYAF0CWABYAlgAXgJYAFwCWABYAlgANwJYADICWAAyAlgANgJYACgCWABLAlgAXgJYAEACWABAAlgAXgJYAF4CWP/7AlgAQQJY//sCWAA1AlgASAJYAFoCWABUAlgAaQJYAGkCWAAtAlgAAAJYADwCWAA4AlgAAAJYAB4CWABRAlgAWQJYACMCWAAjAlgAQQJYAF8CWABUAlgAWgJYAEECWABXAlgAXAJYAIICWACCAlgAggJYAB4CWABVAlgAVQJYABICWABBAlgAXAJYAFwCWABfAlgAXwJYABkCWABMAlgAXAJYAFUCWABcAlgAXQJYAFUCWAA3AlgAMgJYADICWAA2AlgAMgJYAE4CWABcAlgAPAJYADwCWABcAlgAYgJYAAACWABBAlgABQJYAD4CWABaAlgAUwJYAFQCWABVAlgAVQJYAEYCWAAAAlgAPAJYAEECWAAAAlgANwJYAFwCWABbAlgAPAJYADwCWABJAlgAZAJYAFUCWABaAlgAMgJYAF0CWACCAlgAMgJYAGQCWABVAlgAXQJYAFgCWABpAlgAXAJYADICWABMAlgAWgJYAFACWABYAlgAXgJYAFwCWABLAlgANwJYACMCWAA2AlgAKAJYADYCWAAyAlgACgJY/40CWP+NAlj/jQJY/7ACWP+DAlj/sAJYAGkCWAAjAlgAXAJYAFoCWABcAlgAPAJYAFoCWABQAlgARAJYAFwCWABYAlgANwJYAF8CWAAyAlgAXQJYADICWABVAlgAVQJYABkCWABeAlgAVQJYAFUCWAA8AlgAWgJYADcCWAAoAlgANgJYADcCWAA3AlgANwJYADcCWABaAlgAWgJYAFoCWABVAlgANwJYAFoCWABQAlgAXAJYAFwCWAA2AlgADwJYAFoCWABaAlgAaQJYAEQCWABbAlgAUAJYAFoCWABIAlgARgJYAEYCWABVAlgAQAJYAFACWABCAlgAQAJYAFgCWACRAlgAmwJYAJcCWACIAlgAkgJYAIkCWACRAlgAmwJYAJYCWACSAlgAkQJYAJsCWACXAlgAiAJYAJICWACJAlgAkQJYAJsCWACWAlgAkgJYAFoCWAAeAlgAHgJYABoCWABMAlgA2QJYAKUCWADZAlgAqgJYADwCWADhAlgA4QJYAIICWABuAlgA2QJYALQCWAAjAlgAzQJYAJYCWAA
|
|
|
|
}
|
|
|
|
@font-face {
|
|
|
|
font-family: "JetBrains Mono";
|
|
|
|
font-style: italic;
|
|
|
|
font-weight: 100 800;
|
|
|
|
font-stretch: normal;
|
|
|
|
src: url(data:application/octet-stream;base64,AAEAAAAVAQAABABQRFNJRwAAAAEAA54wAAAACEdERUb5pK0fAAHbTAAAAyVHUE9T5SzrawAB3nQAACU+R1NVQrPVm0EAAgO0AABbnEhWQVIFXwAzAAJfUAAAADZPUy8yEhULcAAAAdgAAABgU1RBVBOf1wsAAl+IAAAA9GF2YXIK0yABAAJgfAAAACpjbWFwg535LwAAF3QAADpoZnZhcosVeawAAmCoAAAAdGdhc3AAAAAQAAHbRAAAAAhnbHlmPGeH9gAAXIQAATnsZ3Zhcp8SfOkAAmEcAAE9EmhlYWQVt/RQAAABXAAAADZoaGVhAOcJnwAAAZQAAAAkaG10eNDm/NEAAAI4AAAVPGxvY2Fm7LSVAABR5AAACqBtYXhwBccCbgAAAbgAAAAgbmFtZSHO1dgAAZZwAAALfHBvc3SOldnQAAGh7AAAOVdwcmVwaAaMhQAAUdwAAAAHAAEAAAACPfSpj7N6Xw889QADA+gAAAAA3Sm1GAAAAADdKb2R+S7+cAMcBGAAAgAGAAIAAAAAAAAAAQAAA/z+1AAAAlj5Lv88AxwD6ACeAAAAAAAAAAAAAAAABU8AAQAABU8BuABuALQABgABAAAAAAAAAAAAAAAAAAMAAQAEAlgBkAAFAAACigJY//QASwKKAlgANwFeADIBQAAAAgAACQAAAAAAAKAEAv8SAPn7AgAAKAAAAABKQgAAAIEAAP//A/z+1AAAA/wBLCAAAZ/f1wAAAiYC2gAAACAABgJYAFoCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJYAAYCWAAGAlgABgJY//ICWP/yAlgAMQJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYADACWAAKAlgAMAJYAAoCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADgCWAA4AlgAOAJYADICWAA4AlgAMwJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWAAxAlgAMQJYADECWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAASAlgAEgJYADACWAAwAlgAWwJYAFsCWABbAlgAWwJYAFsCWAAMAlgAIAJYAC4CWAAuAlgALgJYAC4CWAAuAlgALgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWP/xAlj/8QJYAEICWAAQAlgAMAJYAC4CWAA6AlgAMAJYADACWAAwAlgAMAJYAC0CWAAtAlgALQJYAC0CWAAtAlgALQJYADACWABEAlgAcgJYAHECWAByAlgAcgJYAGwCWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD4CWAA+AlgARAJYAD4CWAA+AlgAegJYAEECWABBAlgAQQJYAEECWABBAlj//AJYAGsCWABrAlgAawJYAGsCWABrAlgAawJYAGsCWABrAlgAawJYACkCWAApAlgAKQJYACkCWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAD0CWAA9AlgAPQJYAAICWAACAlgAMAJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAD0CWAAyAlgAIwJYAD4CWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABEAlgAAAJYAEUCWABFAlgARQJYAEUCWABFAlgARQJYAEUCWAAwAlgALgJYABwCWAAkAlgAJAJYACQCWAAkAlgAJAJYACQCWAAkAlgAJAJYACQCWAAkAlgAJAJYACQCWAAkAlgAJAJYAAwCWAAMAlgADAJYADMCWAAzAlgANQJYAGMCWABjAlgABwJYAGMCWABcAlgATwJYAGMCWAAWAlgAMAJYADACWAAmAlgAMAJYADACWAAyAlgAMAJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlgAQgJYAEICWABCAlj/8gJY//ICWABCAlgAAwJYABMCWAAOAlgAPAJYAEMCWABDAlgAQwJY/8cCWAA7AlgAOwJYADsCWAA7AlgAOwJYADsCWP98Alj/0QJYAFUCWABPAlgAVQJYAFUCWABVAlgAPwJYAD8CWAA/AlgAPwJYAD8CWAA/AlgAPwJYAD8CWAA/AlgAPwJYAD8CWAA/AlgAPwJYAD4CWAA+AlgAPgJYAD4CWAA+AlgAPgJYAD8CWAA/AlgAPgJYAD8CWAA/AlgAZwJYAE4CWABOAlgATgJYAE4CWABOAlgACwJYAEYCWABGAlgARgJYAEYCWABGAlgARgJYAEYCWABGAlgARgJYAC4CWAAuAlgALgJYAC4CWAAwAlgA0gJYAN0CWAAGAlgAMgJYADECWABWAlgAVgJYAFYCWP/XAlgAOAJYADgCWP/gAlgAIQJYAC4CWAAuAlgAMAJYADACWP/nAlgAIAJYADECWABCAlgAMgJYADACWABCAlgAcgJYAHoCWAB6AlgAKAJY//wCWABYAlgAMgJYABYCWAAUAlgAMgJYADICWAA2AlgAFQJY/84CWAAJAlgALQJYAEQCWAA+AlgAPQJYAD0CWAASAlgAOwJYABACWAAMAlgAOwJYACYCWAAlAlgALQJYAGsCWABrAlgATgJYABcCWAA+AlgAPgJYAD0CWAA+AlgAMQJYADYCWAA2AlgAVgJYAEQCWABCAlgAQgJY/+YCWAAqAlgAPgJYAD4CWAA1AlgANQJY/+wCWAAgAlgAMgJYAEICWAAyAlgAEwJYAEACWABWAlgARgJYAEYCWP/3AlgACwJYAE4CWAAyAlgAFgJYABQCWAAyAlgANgJYAB4CWAAVAlj/2AJYABQCWAA7AlgARAJYADoCWAAkAlgAJAJYAAwCWAAuAlgAEgJYABACWAAuAlgAMQJYADACWAAvAlgAaAJYAEUCWABJAlgAOQJYAEICWABEAlgABgJYADECWABWAlgABgJYADgCWAApAlgAMQJYAEICWAA9AlgAMAJYAAYCWAAgAlgALgJYACQCWABCAlgAMgJYADACWAAfAlgAcgJYAGsCWAAoAlj//AJYADcCWAAGAlgABgJY/7sCWP+7Alj/uwJY/94CWP+xAlj/3gJYAD0CWABrAlgAMAJYAD0CWAATAlgAaAJYAD8CWAAyAlgAKAJYADACWABCAlgAVQJYADUCWAAHAlgAFQJYAGcCWAA7AlgAQgJYADkCWAATAlgAQAJYAD8CWABVAlgAPwJYABwCWP/8AlgAGwJYABgCWABVAlgAVQJYAFUCWAA/AlgAPwJYAD8CWABCAlgAGAJYAD0CWAAyAlgAMAJYADICWP/3AlgAGAJYAFoCWABaAlgAaQJYAEQCWABbAlgAOgJYAC4CWAAwAlgAMAJYADMCWABAAlgALQJYAHgCWAAqAlgAWwJYAEQCWABeAlgArwJYALoCWACnAlgAYwJYAFsCWABeAlgAjAJYAGACWAB5AlgAsAJYAK8CWAC6AlgApwJYALUCWACtAlgAsAJYAN4CWACzAlgAywJYAC4CWAAuAlgALgJYAC4CWABMAlgAsgJYAF4CWACyAlgAZQJYABMCWAC6AlgArgJYAI0CWAA+AlgAsgJYALoCWAA1AlgAigJYAGUCWAA
|
|
|
|
}
|
|
|
|
body {
|
|
|
|
--font-interface-theme: "Source Sans 3", sans-serif;
|
|
|
|
--font-text-theme: "Source Sans 3", sans-serif;
|
|
|
|
--font-monospace-theme: "JetBrains Mono", monospace;
|
|
|
|
--h1-size: 2.2em;
|
|
|
|
--h2-size: 2em;
|
|
|
|
--h3-size: 1.8em;
|
|
|
|
--h4-size: 1.6em;
|
|
|
|
--h5-size: 1.4em;
|
|
|
|
--h6-size: 1.2em;
|
|
|
|
--h1-weight: var(--font-extrabold);
|
|
|
|
--h2-weight: var(--font-extrabold);
|
|
|
|
--h3-weight: var(--font-extrabold);
|
|
|
|
--h4-weight: var(--font-extrabold);
|
|
|
|
--h5-weight: var(--font-extrabold);
|
|
|
|
--h6-weight: var(--font-extrabold);
|
|
|
|
--list-indent: 1em;
|
|
|
|
--indentation-guide-width: 2px;
|
|
|
|
--tag-padding-y: 0;
|
|
|
|
--tag-padding-x: 0.75ch;
|
|
|
|
--tag-border-width: 2px;
|
|
|
|
--tag-size: var(--font-smallest);
|
|
|
|
--file-folding-offset: 20px;
|
|
|
|
--text-error: var(--color-red-text);
|
|
|
|
--text-accent: var(--interactive-accent-text);
|
|
|
|
--icon-color-focused: var(--interactive-accent-text);
|
|
|
|
--background-modifier-error: var(--color-red-text);
|
|
|
|
--background-modifier-border: var(--window-border);
|
|
|
|
--background-modifier-border-focus: var(--interactive-accent-base);
|
|
|
|
--background-modifier-border-hover: var(--interactive-accent-tint);
|
|
|
|
--icon-color-hover: var(--highlight-text-normal);
|
|
|
|
--nav-item-color-hover: var(--highlight-text-normal);
|
|
|
|
--checkbox-marker-color: var(--highlight-text-normal);
|
|
|
|
--checklist-done-color: var(--interactive-accent-tint);
|
|
|
|
--checkbox-border-color-hover: var(--interactive-accent-tint);
|
|
|
|
--blockquote-border-color: var(--window-border);
|
2022-10-25 20:43:45 +08:00
|
|
|
--blockquote-border-thickness: 8px;
|
2022-10-22 18:59:09 +08:00
|
|
|
--ribbon-background-collapsed: var(--background-secondary);
|
|
|
|
--titlebar-background-focused: var(--background-secondary);
|
|
|
|
--header-height: 41px;
|
|
|
|
--input-height: 32px;
|
|
|
|
--input-radius: var(--radius-s);
|
|
|
|
--toggle-thumb-height: 18px;
|
|
|
|
--toggle-thumb-width: 18px;
|
|
|
|
--toggle-border-width: 1px;
|
|
|
|
--toggle-width: 42px;
|
|
|
|
--toggle-s-thumb-height: 14px;
|
|
|
|
--toggle-s-thumb-width: 14px;
|
|
|
|
--toggle-s-border-width: 4px;
|
|
|
|
--callout-padding: 4px;
|
|
|
|
--callout-radius: var(--radius-m);
|
|
|
|
--divider-color-hover: var(--interactive-accent-tint);
|
|
|
|
--file-header-font-size: var(--font-ui-medium);
|
|
|
|
--vault-name-font-size: var(--font-ui-medium);
|
|
|
|
--status-bar-font-size: var(--font-ui-small);
|
|
|
|
--tab-stacked-font-size: var(--font-ui-medium);
|
|
|
|
--modal-width: 85vw;
|
|
|
|
--modal-max-width: 1400px;
|
|
|
|
--modal-height: 80vh;
|
|
|
|
--modal-max-height: 1000px;
|
|
|
|
--modal-border-color: var(--window-border);
|
|
|
|
--drag-ghost-text-color: var(--text-normal);
|
|
|
|
--clickable-icon-radius: var(--radius-s);
|
|
|
|
--toggle-radius: var(--size-4-1);
|
|
|
|
--toggle-thumb-radius: 3px;
|
|
|
|
--slider-thumb-radius: var(--size-4-1);
|
|
|
|
--slider-thumb-width: 10px;
|
|
|
|
--scrollbar-active-thumb-bg: var(--interactive-accent-base);
|
|
|
|
--scrollbar-thumb-bg: var(--background-primary);
|
|
|
|
--text-on-accent: var(--text-normal);
|
|
|
|
--prompt-border-color: var(--window-border);
|
|
|
|
--blur-intensity: 8px;
|
|
|
|
--accent-border-width: 2px;
|
|
|
|
--scroll-bar-size: 12px;
|
|
|
|
--callout-background-alpha: 15%;
|
|
|
|
--custom-vault-banner-icon-url: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px'%0Awidth='40' height='40'%0AviewBox='0 0 40 40'%0Astyle=' fill:%23000000;'%3E%3Cpath fill='%23dbb065' d='M1.5 35.5L1.5 4.5 11.793 4.5 14.793 7.5 35.5 7.5 35.5 35.5z'%3E%3C/path%3E%3Cpath fill='%23967a44' d='M11.586,5l2.707,2.707L14.586,8H15h20v27H2V5H11.586 M12,4H1v32h35V7H15L12,4L12,4z'%3E%3C/path%3E%3Cg%3E%3Cpath fill='%23f5ce85' d='M1.599 35.5L5.417 14.5 16.151 14.5 19.151 12.5 39.41 12.5 35.577 35.5z'%3E%3C/path%3E%3Cpath fill='%23967a44' d='M38.82,13l-3.667,22H2.198l3.636-20H16h0.303l0.252-0.168L19.303,13H38.82 M40,12H19l-3,2H5L1,36 h35L40,12L40,12z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
|
|
|
|
--mark-highlight-base: var(--color-yellow-base);
|
|
|
|
--status-bar-background-color-lt: #EBECEF;
|
|
|
|
--status-bar-background-color-dt: #2B2B2B;
|
|
|
|
}
|
|
|
|
body:is(.theme-light, .theme-dark) {
|
|
|
|
--color-red-base: var(--red100);
|
|
|
|
--color-orange-base: var(--orange100);
|
|
|
|
--color-yellow-base: var(--yellow100);
|
|
|
|
--color-green-base: var(--green100);
|
|
|
|
--color-mint-base: var(--mint100);
|
|
|
|
--color-cyan-base: var(--cyan100);
|
|
|
|
--color-blue-base: var(--blue100);
|
|
|
|
--color-purple-base: var(--purple100);
|
|
|
|
--color-pink-base: var(--pink100);
|
|
|
|
--color-grey-base: var(--grey100);
|
|
|
|
--color-red-tint: var(--red200);
|
|
|
|
--color-orange-tint: var(--orange200);
|
|
|
|
--color-yellow-tint: var(--yellow200);
|
|
|
|
--color-green-tint: var(--green200);
|
|
|
|
--color-mint-tint: var(--mint200);
|
|
|
|
--color-cyan-tint: var(--cyan200);
|
|
|
|
--color-blue-tint: var(--blue200);
|
|
|
|
--color-purple-tint: var(--purple200);
|
|
|
|
--color-pink-tint: var(--pink200);
|
|
|
|
--color-grey-tint: var(--grey200);
|
|
|
|
--color-red-text: var(--red300);
|
|
|
|
--color-orange-text: var(--orange300);
|
|
|
|
--color-yellow-text: var(--yellow300);
|
|
|
|
--color-green-text: var(--green300);
|
|
|
|
--color-mint-text: var(--mint300);
|
|
|
|
--color-cyan-text: var(--cyan300);
|
|
|
|
--color-blue-text: var(--blue300);
|
|
|
|
--color-purple-text: var(--purple300);
|
|
|
|
--color-pink-text: var(--pink300);
|
|
|
|
--color-grey-text: var(--grey300);
|
|
|
|
--color-red: var(--color-red-text);
|
|
|
|
--color-green: var(--color-green-text);
|
|
|
|
--color-orange: var(--color-orange-text);
|
|
|
|
--color-yellow: var(--color-yellow-text);
|
|
|
|
--color-cyan: var(--color-cyan-text);
|
|
|
|
--color-blue: var(--color-blue-text);
|
|
|
|
--color-purple: var(--color-purple-text);
|
|
|
|
--color-pink: var(--color-pink-text);
|
|
|
|
--color-accent-base-lt: hsl(var(--color-accent-h-lt) var(--color-accent-s-lt) var(--color-accent-l-base-lt));
|
|
|
|
--color-accent-tint-lt: hsl(var(--color-accent-h-lt) var(--color-accent-s-lt) var(--color-accent-l-tint-lt));
|
|
|
|
--color-accent-text-lt: hsl(var(--color-accent-h-lt) var(--color-accent-s-lt) var(--color-accent-l-text-lt));
|
|
|
|
--input-shadow: unset;
|
|
|
|
--input-shadow-hover: unset;
|
|
|
|
--tab-stacked-shadow: 0;
|
|
|
|
--background-modifier-hover: hsla(var(--interactive-accent-base-hsl) / 50%);
|
2022-10-25 20:43:45 +08:00
|
|
|
--text-selection: var(--background-modifier-hover);
|
2022-10-22 18:59:09 +08:00
|
|
|
--hue-background-lt: linear-gradient( to right, hsl(0 var(--color-accent-s-lt) var(--color-accent-l-base-lt)), hsl(30 var(--color-accent-s-lt) var(--color-accent-l-base-lt)), hsl(60 var(--color-accent-s-lt) var(--color-accent-l-base-lt)), hsl(90 var(--color-accent-s-lt) var(--color-accent-l-base-lt)), hsl(120 var(--color-accent-s-lt) var(--color-accent-l-base-lt)), hsl(150 var(--color-accent-s-lt) var(--color-accent-l-base-lt)), hsl(180 var(--color-accent-s-lt) var(--color-accent-l-base-lt)), hsl(210 var(--color-accent-s-lt) var(--color-accent-l-base-lt)), hsl(240 var(--color-accent-s-lt) var(--color-accent-l-base-lt)), hsl(270 var(--color-accent-s-lt) var(--color-accent-l-base-lt)), hsl(300 var(--color-accent-s-lt) var(--color-accent-l-base-lt)), hsl(330 var(--color-accent-s-lt) var(--color-accent-l-base-lt)), hsl(360 var(--color-accent-s-lt) var(--color-accent-l-base-lt)) );
|
|
|
|
--saturation-background-lt: linear-gradient( to right, hsl(var(--color-accent-h-lt) 0% var(--color-accent-l-base-lt)), hsl(var(--color-accent-h-lt) 50% var(--color-accent-l-base-lt)), hsl(var(--color-accent-h-lt) 100% var(--color-accent-l-base-lt)) );
|
|
|
|
--lightness-background-lt: linear-gradient( to right, hsl(var(--color-accent-h-lt) var(--color-accent-s-lt) 0%), hsl(var(--color-accent-h-lt) var(--color-accent-s-lt) 50%), hsl(var(--color-accent-h-lt) var(--color-accent-s-lt) 100%) );
|
|
|
|
--color-accent-base-dt: hsl(var(--color-accent-h-dt) var(--color-accent-s-dt) var(--color-accent-l-base-dt));
|
|
|
|
--color-accent-tint-dt: hsl(var(--color-accent-h-dt) var(--color-accent-s-dt) var(--color-accent-l-tint-dt));
|
|
|
|
--color-accent-text-dt: hsl(var(--color-accent-h-dt) var(--color-accent-s-dt) var(--color-accent-l-text-dt));
|
|
|
|
--hue-background-dt: linear-gradient( to right, hsl(0 var(--color-accent-s-dt) var(--color-accent-l-base-dt)), hsl(30 var(--color-accent-s-dt) var(--color-accent-l-base-dt)), hsl(60 var(--color-accent-s-dt) var(--color-accent-l-base-dt)), hsl(90 var(--color-accent-s-dt) var(--color-accent-l-base-dt)), hsl(120 var(--color-accent-s-dt) var(--color-accent-l-base-dt)), hsl(150 var(--color-accent-s-dt) var(--color-accent-l-base-dt)), hsl(180 var(--color-accent-s-dt) var(--color-accent-l-base-dt)), hsl(210 var(--color-accent-s-dt) var(--color-accent-l-base-dt)), hsl(240 var(--color-accent-s-dt) var(--color-accent-l-base-dt)), hsl(270 var(--color-accent-s-dt) var(--color-accent-l-base-dt)), hsl(300 var(--color-accent-s-dt) var(--color-accent-l-base-dt)), hsl(330 var(--color-accent-s-dt) var(--color-accent-l-base-dt)), hsl(360 var(--color-accent-s-dt) var(--color-accent-l-base-dt)) );
|
|
|
|
--saturation-background-dt: linear-gradient( to right, hsl(var(--color-accent-h-dt) 0% var(--color-accent-l-base-dt)), hsl(var(--color-accent-h-dt) 50% var(--color-accent-l-base-dt)), hsl(var(--color-accent-h-dt) 100% var(--color-accent-l-base-dt)) );
|
|
|
|
--lightness-background-dt: linear-gradient( to right, hsl(var(--color-accent-h-dt) var(--color-accent-s-dt) 0%), hsl(var(--color-accent-h-dt) var(--color-accent-s-dt) 50%), hsl(var(--color-accent-h-dt) var(--color-accent-s-dt) 100%) );
|
|
|
|
--text-highlight-bg: var(--interactive-accent-base);
|
|
|
|
--interactive-accent: var(--interactive-accent-tint);
|
|
|
|
--interactive-hover: var(--background-primary);
|
|
|
|
--text-accent-hover: var(--interactive-accent-hover);
|
|
|
|
--scroll-button-background-color: var(--background-primary);
|
|
|
|
--color-accent-h-lt: 0;
|
|
|
|
--color-accent-s-lt: 60%;
|
|
|
|
--color-accent-l-base-lt: 82%;
|
|
|
|
--color-accent-l-tint-lt: 67%;
|
|
|
|
--color-accent-l-text-lt: 42%;
|
|
|
|
--color-accent-h-dt: 0;
|
|
|
|
--color-accent-s-dt: 50%;
|
|
|
|
--color-accent-l-base-dt: 20%;
|
|
|
|
--color-accent-l-tint-dt: 40%;
|
|
|
|
--color-accent-l-text-dt: 65%;
|
|
|
|
}
|
|
|
|
body:is(.theme-light, .theme-dark).pt-disable-blur {
|
|
|
|
--background-secondary-blur: var(--background-secondary);
|
|
|
|
}
|
|
|
|
body.theme-light {
|
|
|
|
--window-border: var(--background-secondary-alt);
|
|
|
|
--page-background-color: var(--background-primary);
|
|
|
|
--graph-line-color-lt: var(--background-secondary-alt);
|
|
|
|
--graph-fill-color-lt: var(--color-grey-tint);
|
|
|
|
--graph-fill-focused-color-lt: var(--interactive-accent-tint);
|
|
|
|
--graph-tag-color-lt: var(--color-blue-tint);
|
|
|
|
--graph-attachment-color-lt: var(--color-yellow-tint);
|
|
|
|
--graph-unresolved-color-lt: var(--color-red-tint);
|
|
|
|
--graph-highlight-color-lt: var(--interactive-accent-tint);
|
|
|
|
--graph-highlight-line-color-lt: var(--interactive-accent-tint);
|
|
|
|
--h1-text-color-lt: var(--text-normal);
|
|
|
|
--h2-text-color-lt: var(--text-normal);
|
|
|
|
--h3-text-color-lt: var(--text-normal);
|
|
|
|
--h4-text-color-lt: var(--text-normal);
|
|
|
|
--h5-text-color-lt: var(--text-normal);
|
|
|
|
--h6-text-color-lt: var(--text-normal);
|
|
|
|
--h1-color: var(--h1-text-color-lt);
|
|
|
|
--h2-color: var(--h2-text-color-lt);
|
|
|
|
--h3-color: var(--h3-text-color-lt);
|
|
|
|
--h4-color: var(--h4-text-color-lt);
|
|
|
|
--h5-color: var(--h5-text-color-lt);
|
|
|
|
--h6-color: var(--h6-text-color-lt);
|
|
|
|
--text-bold-color-lt: var(--text-normal);
|
|
|
|
--text-italic-color-lt: var(--text-normal);
|
|
|
|
--text-italic-bold-color-lt: var(--text-normal);
|
|
|
|
--link-internal-color-lt: var(--interactive-accent-text);
|
|
|
|
--link-external-color-lt: var(--interactive-accent-text);
|
|
|
|
--bold-color: var(--text-bold-color-lt);
|
|
|
|
--italic-color: var(--text-italic-color-lt);
|
|
|
|
--link-color: var(--link-internal-color-lt);
|
|
|
|
--link-unresolved-color: var(--link-internal-color-lt);
|
|
|
|
--link-external-color: var(--link-external-color-lt);
|
|
|
|
--code-background: var(--background-primary-alt);
|
|
|
|
--blockquote-background-color: var(--background-primary-alt);
|
|
|
|
--checkbox-color: var(--background-primary-alt);
|
|
|
|
--checkbox-border-color: var(--background-secondary-alt);
|
|
|
|
--scrollbar-bg: var(--background-secondary);
|
|
|
|
}
|
|
|
|
body.theme-light.pt-highlight-text-light-lt {
|
|
|
|
--highlight-text-normal: var(--background-primary);
|
|
|
|
}
|
|
|
|
body.theme-light.pt-highlight-text-dark-lt {
|
|
|
|
--highlight-text-normal: var(--text-normal);
|
|
|
|
}
|
|
|
|
body.theme-light.pt-highlight-text-accent-lt {
|
|
|
|
--highlight-text-normal: var(--interactive-accent-text);
|
|
|
|
}
|
|
|
|
body.theme-light.pt-highlight-text-custom-lt {
|
|
|
|
--highlight-text-normal: var(--highlight-text-accent-custom-lt);
|
|
|
|
}
|
|
|
|
body.theme-light.pt-accent-color-custom-lt {
|
|
|
|
--interactive-accent-base: var(--color-accent-base-lt);
|
|
|
|
--interactive-accent-tint: var(--color-accent-tint-lt);
|
|
|
|
--interactive-accent-text: var(--color-accent-text-lt);
|
|
|
|
--interactive-accent-hover: var(--color-accent-tint-lt);
|
|
|
|
}
|
|
|
|
body.theme-light.pt-accent-color-red-lt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-red-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-red-base);
|
|
|
|
--interactive-accent-tint: var(--color-red-tint);
|
|
|
|
--interactive-accent-text: var(--color-red-text);
|
|
|
|
--interactive-accent-hover: var(--color-red-tint);
|
|
|
|
}
|
|
|
|
body.theme-light.pt-accent-color-orange-lt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-orange-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-orange-base);
|
|
|
|
--interactive-accent-tint: var(--color-orange-tint);
|
|
|
|
--interactive-accent-text: var(--color-orange-text);
|
|
|
|
--interactive-accent-hover: var(--color-orange-tint);
|
|
|
|
}
|
|
|
|
body.theme-light.pt-accent-color-yellow-lt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-yellow-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-yellow-base);
|
|
|
|
--interactive-accent-tint: var(--color-yellow-tint);
|
|
|
|
--interactive-accent-text: var(--color-yellow-text);
|
|
|
|
--interactive-accent-hover: var(--color-yellow-tint);
|
|
|
|
}
|
|
|
|
body.theme-light.pt-accent-color-green-lt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-green-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-green-base);
|
|
|
|
--interactive-accent-tint: var(--color-green-tint);
|
|
|
|
--interactive-accent-text: var(--color-green-text);
|
|
|
|
--interactive-accent-hover: var(--color-green-tint);
|
|
|
|
}
|
|
|
|
body.theme-light.pt-accent-color-mint-lt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-mint-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-mint-base);
|
|
|
|
--interactive-accent-tint: var(--color-mint-tint);
|
|
|
|
--interactive-accent-text: var(--color-mint-text);
|
|
|
|
--interactive-accent-hover: var(--color-mint-tint);
|
|
|
|
}
|
|
|
|
body.theme-light.pt-accent-color-cyan-lt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-cyan-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-cyan-base);
|
|
|
|
--interactive-accent-tint: var(--color-cyan-tint);
|
|
|
|
--interactive-accent-text: var(--color-cyan-text);
|
|
|
|
--interactive-accent-hover: var(--color-cyan-tint);
|
|
|
|
}
|
|
|
|
body.theme-light.pt-accent-color-blue-lt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-blue-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-blue-base);
|
|
|
|
--interactive-accent-tint: var(--color-blue-tint);
|
|
|
|
--interactive-accent-text: var(--color-blue-text);
|
|
|
|
--interactive-accent-hover: var(--color-blue-tint);
|
|
|
|
}
|
|
|
|
body.theme-light.pt-accent-color-purple-lt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-purple-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-purple-base);
|
|
|
|
--interactive-accent-tint: var(--color-purple-tint);
|
|
|
|
--interactive-accent-text: var(--color-purple-text);
|
|
|
|
--interactive-accent-hover: var(--color-purple-tint);
|
|
|
|
}
|
|
|
|
body.theme-light.pt-accent-color-pink-lt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-pink-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-pink-base);
|
|
|
|
--interactive-accent-tint: var(--color-pink-tint);
|
|
|
|
--interactive-accent-text: var(--color-pink-text);
|
|
|
|
--interactive-accent-hover: var(--color-pink-tint);
|
|
|
|
}
|
|
|
|
body.theme-light.pt-accent-color-grey-lt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-grey-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-grey-base);
|
|
|
|
--interactive-accent-tint: var(--color-grey-tint);
|
|
|
|
--interactive-accent-text: var(--color-grey-text);
|
|
|
|
--interactive-accent-hover: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
body.theme-dark {
|
|
|
|
--window-border: var(--background-primary-alt);
|
|
|
|
--page-background-color: var(--background-secondary);
|
|
|
|
--graph-line-color-dt: var(--background-primary-alt);
|
|
|
|
--graph-fill-color-dt: var(--color-grey-tint);
|
|
|
|
--graph-fill-focused-color-dt: var(--interactive-accent-tint);
|
|
|
|
--graph-tag-color-dt: var(--color-blue-tint);
|
|
|
|
--graph-attachment-color-dt: var(--color-yellow-tint);
|
|
|
|
--graph-unresolved-color-dt: var(--color-red-tint);
|
|
|
|
--graph-highlight-color-dt: var(--interactive-accent-tint);
|
|
|
|
--graph-highlight-line-color-dt: var(--interactive-accent-tint);
|
|
|
|
--h1-text-color-dt: var(--text-normal);
|
|
|
|
--h2-text-color-dt: var(--text-normal);
|
|
|
|
--h3-text-color-dt: var(--text-normal);
|
|
|
|
--h4-text-color-dt: var(--text-normal);
|
|
|
|
--h5-text-color-dt: var(--text-normal);
|
|
|
|
--h6-text-color-dt: var(--text-normal);
|
|
|
|
--h1-color: var(--h1-text-color-dt);
|
|
|
|
--h2-color: var(--h2-text-color-dt);
|
|
|
|
--h3-color: var(--h3-text-color-dt);
|
|
|
|
--h4-color: var(--h4-text-color-dt);
|
|
|
|
--h5-color: var(--h5-text-color-dt);
|
|
|
|
--h6-color: var(--h6-text-color-dt);
|
|
|
|
--text-bold-color-dt: var(--text-normal);
|
|
|
|
--text-italic-color-dt: var(--text-normal);
|
|
|
|
--text-italic-bold-color-dt: var(--text-normal);
|
|
|
|
--link-internal-color-dt: var(--interactive-accent-text);
|
|
|
|
--link-external-color-dt: var(--interactive-accent-text);
|
|
|
|
--bold-color: var(--text-bold-color-dt);
|
|
|
|
--italic-color: var(--text-italic-color-dt);
|
|
|
|
--link-color: var(--link-internal-color-dt);
|
|
|
|
--link-unresolved-color: var(--link-internal-color-dt);
|
|
|
|
--link-external-color: var(--link-external-color-dt);
|
|
|
|
--code-background: var(--background-secondary);
|
|
|
|
--blockquote-background-color: var(--background-secondary-alt);
|
|
|
|
--checkbox-color: var(--background-primary);
|
|
|
|
--checkbox-border-color: var(--background-primary-alt);
|
|
|
|
--toggle-thumb-color: var(--text-normal);
|
|
|
|
--background-modifier-form-field: var(--background-secondary);
|
|
|
|
--modal-background: var(--background-secondary-alt);
|
|
|
|
--scrollbar-bg: var(--background-secondary);
|
|
|
|
}
|
|
|
|
body.theme-dark.pt-highlight-text-light-dt {
|
|
|
|
--highlight-text-normal: var(--text-normal);
|
|
|
|
}
|
|
|
|
body.theme-dark.pt-highlight-text-dark-dt {
|
|
|
|
--highlight-text-normal: var(--background-primary);
|
|
|
|
}
|
|
|
|
body.theme-dark.pt-highlight-text-accent-dt {
|
|
|
|
--highlight-text-normal: var(--interactive-accent-text);
|
|
|
|
}
|
|
|
|
body.theme-dark.pt-highlight-text-custom-dt {
|
|
|
|
--highlight-text-normal: var(--highlight-text-accent-custom-dt);
|
|
|
|
}
|
|
|
|
body.theme-dark.pt-accent-color-custom-dt {
|
|
|
|
--interactive-accent-base: var(--color-accent-base-dt);
|
|
|
|
--interactive-accent-tint: var(--color-accent-tint-dt);
|
|
|
|
--interactive-accent-text: var(--color-accent-text-dt);
|
|
|
|
--interactive-accent-hover: var(--color-accent-tint-dt);
|
|
|
|
}
|
|
|
|
body.theme-dark.pt-accent-color-red-dt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-red-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-red-base);
|
|
|
|
--interactive-accent-tint: var(--color-red-tint);
|
|
|
|
--interactive-accent-text: var(--color-red-text);
|
|
|
|
--interactive-accent-hover: var(--color-red-tint);
|
|
|
|
}
|
|
|
|
body.theme-dark.pt-accent-color-orange-dt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-orange-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-orange-base);
|
|
|
|
--interactive-accent-tint: var(--color-orange-tint);
|
|
|
|
--interactive-accent-text: var(--color-orange-text);
|
|
|
|
--interactive-accent-hover: var(--color-orange-tint);
|
|
|
|
}
|
|
|
|
body.theme-dark.pt-accent-color-yellow-dt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-yellow-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-yellow-base);
|
|
|
|
--interactive-accent-tint: var(--color-yellow-tint);
|
|
|
|
--interactive-accent-text: var(--color-yellow-text);
|
|
|
|
--interactive-accent-hover: var(--color-yellow-tint);
|
|
|
|
}
|
|
|
|
body.theme-dark.pt-accent-color-green-dt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-green-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-green-base);
|
|
|
|
--interactive-accent-tint: var(--color-green-tint);
|
|
|
|
--interactive-accent-text: var(--color-green-text);
|
|
|
|
--interactive-accent-hover: var(--color-green-tint);
|
|
|
|
}
|
|
|
|
body.theme-dark.pt-accent-color-mint-dt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-mint-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-mint-base);
|
|
|
|
--interactive-accent-tint: var(--color-mint-tint);
|
|
|
|
--interactive-accent-text: var(--color-mint-text);
|
|
|
|
--interactive-accent-hover: var(--color-mint-tint);
|
|
|
|
}
|
|
|
|
body.theme-dark.pt-accent-color-cyan-dt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-cyan-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-cyan-base);
|
|
|
|
--interactive-accent-tint: var(--color-cyan-tint);
|
|
|
|
--interactive-accent-text: var(--color-cyan-text);
|
|
|
|
--interactive-accent-hover: var(--color-cyan-tint);
|
|
|
|
}
|
|
|
|
body.theme-dark.pt-accent-color-blue-dt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-blue-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-blue-base);
|
|
|
|
--interactive-accent-tint: var(--color-blue-tint);
|
|
|
|
--interactive-accent-text: var(--color-blue-text);
|
|
|
|
--interactive-accent-hover: var(--color-blue-tint);
|
|
|
|
}
|
|
|
|
body.theme-dark.pt-accent-color-purple-dt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-purple-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-purple-base);
|
|
|
|
--interactive-accent-tint: var(--color-purple-tint);
|
|
|
|
--interactive-accent-text: var(--color-purple-text);
|
|
|
|
--interactive-accent-hover: var(--color-purple-tint);
|
|
|
|
}
|
|
|
|
body.theme-dark.pt-accent-color-pink-dt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-pink-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-pink-base);
|
|
|
|
--interactive-accent-tint: var(--color-pink-tint);
|
|
|
|
--interactive-accent-text: var(--color-pink-text);
|
|
|
|
--interactive-accent-hover: var(--color-pink-tint);
|
|
|
|
}
|
|
|
|
body.theme-dark.pt-accent-color-grey-dt {
|
|
|
|
--interactive-accent-base-hsl: var(--color-grey-base-hsl);
|
|
|
|
--interactive-accent-base: var(--color-grey-base);
|
|
|
|
--interactive-accent-tint: var(--color-grey-tint);
|
|
|
|
--interactive-accent-text: var(--color-grey-text);
|
|
|
|
--interactive-accent-hover: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
.theme-light.pt-color-scheme-swan-lt {
|
|
|
|
--grey100: hsl(0 0% 82%);
|
|
|
|
--grey200: hsl(0 0% 62%);
|
|
|
|
--grey300: hsl(0 0% 40%);
|
|
|
|
--red100: hsl(7 83% 86%);
|
|
|
|
--red200: hsl(7 71% 69%);
|
|
|
|
--red300: hsl(358 100% 38%);
|
|
|
|
--orange100: hsl(27 81% 81%);
|
|
|
|
--orange200: hsl(29 77% 54%);
|
|
|
|
--orange300: hsl(27 100% 32%);
|
|
|
|
--yellow100: hsl(47 58% 74%);
|
|
|
|
--yellow200: hsl(49 100% 37%);
|
|
|
|
--yellow300: hsl(44 100% 25%);
|
|
|
|
--green100: hsl(114 36% 78%);
|
|
|
|
--green200: hsl(115 36% 52%);
|
|
|
|
--green300: hsl(120 100% 23%);
|
|
|
|
--mint100: hsl(157 40% 78%);
|
|
|
|
--mint200: hsl(162 51% 46%);
|
|
|
|
--mint300: hsl(162 100% 23%);
|
|
|
|
--cyan100: hsl(194 43% 80%);
|
|
|
|
--cyan200: hsl(192 43% 55%);
|
|
|
|
--cyan300: hsl(191 100% 26%);
|
|
|
|
--blue100: hsl(220 67% 86%);
|
|
|
|
--blue200: hsl(221 62% 69%);
|
|
|
|
--blue300: hsl(223 58% 49%);
|
|
|
|
--purple100: hsl(249 69% 89%);
|
|
|
|
--purple200: hsl(253 65% 74%);
|
|
|
|
--purple300: hsl(259 61% 55%);
|
|
|
|
--pink100: hsl(329 57% 86%);
|
|
|
|
--pink200: hsl(325 53% 68%);
|
|
|
|
--pink300: hsl(319 68% 42%);
|
|
|
|
--color-grey-base-hsl: 0 0% 82%;
|
|
|
|
--color-red-base-hsl: 7 83% 86%;
|
|
|
|
--color-orange-base-hsl: 27 81% 81%;
|
|
|
|
--color-yellow-base-hsl: 47 58% 74%;
|
|
|
|
--color-green-base-hsl: 114 36% 78%;
|
|
|
|
--color-mint-base-hsl: 157 40% 78%;
|
|
|
|
--color-cyan-base-hsl: 194 43% 80%;
|
|
|
|
--color-blue-base-hsl: 220 67% 86%;
|
|
|
|
--color-purple-base-hsl: 249 69% 89%;
|
|
|
|
--color-pink-base-hsl: 329 57% 86%;
|
|
|
|
--text-normal: hsl(0 0% 25%);
|
|
|
|
--text-muted: hsl(0 0% 40%);
|
|
|
|
--text-faint: hsl(0 0% 50%);
|
|
|
|
--background-primary: hsl(0 0% 100%);
|
|
|
|
--background-primary-alt: hsl(0 0% 96.5%);
|
|
|
|
--background-secondary: hsl(0 0% 94%);
|
|
|
|
--background-secondary-blur: hsl(0 0% 94% / 80%);
|
|
|
|
--background-secondary-alt: hsl(0 0% 80%);
|
|
|
|
--shadow-s: hsl(0 0% 0% / 10%) 0 1px 2px 0;
|
|
|
|
--shadow-l:
|
|
|
|
hsl(0 0% 0% / 3%) 0 1px 2px,
|
|
|
|
hsl(0 0% 0% / 3%) 0 2px 4px,
|
|
|
|
hsl(0 0% 0% / 3%) 0 4px 8px,
|
|
|
|
hsl(0 0% 0% / 3%) 0 8px 16px;
|
|
|
|
}
|
|
|
|
.theme-dark.pt-color-scheme-raven-dt {
|
|
|
|
--grey100: hsl(0 0% 24%);
|
|
|
|
--grey200: hsl(0 0% 42%);
|
|
|
|
--grey300: hsl(0 0% 62%);
|
|
|
|
--red100: hsl(358 51% 27%);
|
|
|
|
--red200: hsl(359 36% 48%);
|
|
|
|
--red300: hsl(2 37% 67%);
|
|
|
|
--orange100: hsl(24 55% 23%);
|
|
|
|
--orange200: hsl(24 55% 40%);
|
|
|
|
--orange300: hsl(23 56% 61%);
|
|
|
|
--yellow100: hsl(46 48% 19%);
|
|
|
|
--yellow200: hsl(45 48% 33%);
|
|
|
|
--yellow300: hsl(45 47% 49%);
|
|
|
|
--green100: hsl(122 35% 20%);
|
|
|
|
--green200: hsl(121 31% 35%);
|
|
|
|
--green300: hsl(121 31% 54%);
|
|
|
|
--mint100: hsl(162 41% 19%);
|
|
|
|
--mint200: hsl(161 37% 34%);
|
|
|
|
--mint300: hsl(161 35% 51%);
|
|
|
|
--cyan100: hsl(196 47% 21%);
|
|
|
|
--cyan200: hsl(195 47% 36%);
|
|
|
|
--cyan300: hsl(195 47% 56%);
|
|
|
|
--blue100: hsl(232 44% 32%);
|
|
|
|
--blue200: hsl(229 27% 49%);
|
|
|
|
--blue300: hsl(226 29% 67%);
|
|
|
|
--purple100: hsl(263 45% 32%);
|
|
|
|
--purple200: hsl(259 24% 50%);
|
|
|
|
--purple300: hsl(256 25% 68%);
|
|
|
|
--pink100: hsl(330 43% 27%);
|
|
|
|
--pink200: hsl(332 31% 47%);
|
|
|
|
--pink300: hsl(333 30% 66%);
|
|
|
|
--color-grey-base-hsl: 0 0% 24%;
|
|
|
|
--color-red-base-hsl: 358 51% 27%;
|
|
|
|
--color-orange-base-hsl: 24 55% 23%;
|
|
|
|
--color-yellow-base-hsl: 46 48% 19%;
|
|
|
|
--color-green-base-hsl: 122 35% 20%;
|
|
|
|
--color-mint-base-hsl: 162 41% 19%;
|
|
|
|
--color-cyan-base-hsl: 196 47% 21%;
|
|
|
|
--color-blue-base-hsl: 232 44% 32%;
|
|
|
|
--color-purple-base-hsl: 263 45% 32%;
|
|
|
|
--color-pink-base-hsl: 330 43% 27%;
|
|
|
|
--text-normal: hsl(0 0% 80%);
|
|
|
|
--text-muted: hsl(0 0% 70%);
|
|
|
|
--text-faint: hsl(0 0% 50%);
|
|
|
|
--background-primary: hsl(0 0% 13%);
|
|
|
|
--background-primary-alt: hsl(0 0% 18%);
|
|
|
|
--background-secondary: hsl(0 0% 7%);
|
|
|
|
--background-secondary-blur: hsl(0 0% 7% / 80%);
|
|
|
|
--background-secondary-alt: hsl(0 0% 5%);
|
|
|
|
--shadow-s: hsl(0 0% 0% / 10%) 0 1px 2px 0;
|
|
|
|
--shadow-l:
|
|
|
|
hsl(0 0% 0% / 5%) 0 1px 2px,
|
|
|
|
hsl(0 0% 0% / 5%) 0 2px 4px,
|
|
|
|
hsl(0 0% 0% / 5%) 0 4px 8px,
|
|
|
|
hsl(0 0% 0% / 5%) 0 8px 16px;
|
|
|
|
}
|
|
|
|
.theme-light.pt-color-scheme-latte-lt {
|
|
|
|
--grey100: hsl(356 5% 82%);
|
|
|
|
--grey200: hsl(356 5% 65%);
|
|
|
|
--grey300: hsl(356 5% 47%);
|
|
|
|
--red100: hsl(352 70% 83%);
|
|
|
|
--red200: hsl(352 70% 71%);
|
|
|
|
--red300: hsl(352 53% 55%);
|
|
|
|
--orange100: hsl(18 66% 82%);
|
|
|
|
--orange200: hsl(18 66% 70%);
|
|
|
|
--orange300: hsl(18 54% 52%);
|
|
|
|
--yellow100: hsl(35 70% 83%);
|
|
|
|
--yellow200: hsl(35 70% 65%);
|
|
|
|
--yellow300: hsl(35 55% 46%);
|
|
|
|
--green100: hsl(121 37% 81%);
|
|
|
|
--green200: hsl(121 37% 65%);
|
|
|
|
--green300: hsl(121 45% 43%);
|
|
|
|
--mint100: hsl(149 33% 84%);
|
|
|
|
--mint200: hsl(149 33% 67%);
|
|
|
|
--mint300: hsl(149 65% 40%);
|
|
|
|
--cyan100: hsl(180 31% 81%);
|
|
|
|
--cyan200: hsl(180 31% 64%);
|
|
|
|
--cyan300: hsl(180 50% 40%);
|
|
|
|
--blue100: hsl(235 27% 84%);
|
|
|
|
--blue200: hsl(235 27% 71%);
|
|
|
|
--blue300: hsl(235 30% 56%);
|
|
|
|
--purple100: hsl(275 38% 82%);
|
|
|
|
--purple200: hsl(275 38% 70%);
|
|
|
|
--purple300: hsl(275 36% 52%);
|
|
|
|
--pink100: hsl(325 42% 83%);
|
|
|
|
--pink200: hsl(325 42% 69%);
|
|
|
|
--pink300: hsl(325 42% 50%);
|
|
|
|
--color-grey-base-hsl: 356 5% 82%;
|
|
|
|
--color-red-base-hsl: 352 70% 83%;
|
|
|
|
--color-orange-base-hsl: 18 66% 82%;
|
|
|
|
--color-yellow-base-hsl: 35 70% 83%;
|
|
|
|
--color-green-base-hsl: 121 37% 81%;
|
|
|
|
--color-mint-base-hsl: 149 33% 84%;
|
|
|
|
--color-cyan-base-hsl: 180 31% 81%;
|
|
|
|
--color-blue-base-hsl: 235 27% 84%;
|
|
|
|
--color-purple-base-hsl: 275 38% 82%;
|
|
|
|
--color-pink-base-hsl: 325 42% 83%;
|
|
|
|
--text-normal: hsl(28 32% 18%);
|
|
|
|
--text-muted: hsl(28 32% 35%);
|
|
|
|
--text-faint: hsl(28 32% 50%);
|
|
|
|
--background-primary: hsl(28 32% 95%);
|
|
|
|
--background-primary-alt: hsl(28 32% 93%);
|
|
|
|
--background-secondary: hsl(28 32% 90%);
|
|
|
|
--background-secondary-blur: hsl(28 32% 90% / 80%);
|
|
|
|
--background-secondary-alt: hsl(28 32% 77%);
|
|
|
|
--shadow-s: hsl(28 32% 7% / 10%) 0 1px 2px 0;
|
|
|
|
--shadow-l:
|
|
|
|
hsl(28 32% 7% / 4%) 0 1px 2px,
|
|
|
|
hsl(28 32% 7% / 4%) 0 2px 4px,
|
|
|
|
hsl(28 32% 7% / 4%) 0 4px 8px,
|
|
|
|
hsl(28 32% 7% / 4%) 0 8px 16px;
|
|
|
|
}
|
|
|
|
.theme-dark.pt-color-scheme-mocha-dt {
|
|
|
|
--grey100: hsl(356 5% 20%);
|
|
|
|
--grey200: hsl(356 5% 34%);
|
|
|
|
--grey300: hsl(356 5% 69%);
|
|
|
|
--red100: hsl(352 62% 18%);
|
|
|
|
--red200: hsl(352 62% 31%);
|
|
|
|
--red300: hsl(352 72% 66%);
|
|
|
|
--orange100: hsl(18 60% 20%);
|
|
|
|
--orange200: hsl(18 60% 33%);
|
|
|
|
--orange300: hsl(18 75% 64%);
|
|
|
|
--yellow100: hsl(35 76% 16%);
|
|
|
|
--yellow200: hsl(35 76% 28%);
|
|
|
|
--yellow300: hsl(35 65% 56%);
|
|
|
|
--green100: hsl(121 25% 20%);
|
|
|
|
--green200: hsl(121 25% 34%);
|
|
|
|
--green300: hsl(121 44% 55%);
|
|
|
|
--mint100: hsl(149 30% 22%);
|
|
|
|
--mint200: hsl(149 30% 35%);
|
|
|
|
--mint300: hsl(149 52% 55%);
|
|
|
|
--cyan100: hsl(180 35% 17%);
|
|
|
|
--cyan200: hsl(180 35% 30%);
|
|
|
|
--cyan300: hsl(180 46% 48%);
|
|
|
|
--blue100: hsl(235 30% 21%);
|
|
|
|
--blue200: hsl(235 30% 40%);
|
|
|
|
--blue300: hsl(235 60% 75%);
|
|
|
|
--purple100: hsl(275 30% 19%);
|
|
|
|
--purple200: hsl(275 30% 36%);
|
|
|
|
--purple300: hsl(275 60% 69%);
|
|
|
|
--pink100: hsl(325 39% 19%);
|
|
|
|
--pink200: hsl(325 39% 33%);
|
|
|
|
--pink300: hsl(325 62% 68%);
|
|
|
|
--color-grey-base-hsl: 356 5% 20%;
|
|
|
|
--color-red-base-hsl: 352 62% 18%;
|
|
|
|
--color-orange-base-hsl: 18 60% 20%;
|
|
|
|
--color-yellow-base-hsl: 35 76% 16%;
|
|
|
|
--color-green-base-hsl: 121 25% 20%;
|
|
|
|
--color-mint-base-hsl: 149 30% 22%;
|
|
|
|
--color-cyan-base-hsl: 180 35% 17%;
|
|
|
|
--color-blue-base-hsl: 235 30% 21%;
|
|
|
|
--color-purple-base-hsl: 275 30% 19%;
|
|
|
|
--color-pink-base-hsl: 325 39% 19%;
|
|
|
|
--text-normal: hsl(28 32% 85%);
|
|
|
|
--text-muted: hsl(28 32% 70%);
|
|
|
|
--text-faint: hsl(28 32% 60%);
|
|
|
|
--background-primary: hsl(27 30% 13%);
|
|
|
|
--background-primary-alt: hsl(28 32% 15.5%);
|
|
|
|
--background-secondary: hsl(28 32% 9.2%);
|
|
|
|
--background-secondary-blur: hsl(28 32% 9.2% / 80%);
|
|
|
|
--background-secondary-alt: hsl(28 32% 6.8%);
|
|
|
|
--shadow-s: hsl(28 32% 7% / 50%) 0 1px 2px 0;
|
|
|
|
--shadow-l:
|
|
|
|
hsl(28 32% 7% / 50%) 0 1px 2px,
|
|
|
|
hsl(28 32% 7% / 50%) 0 2px 4px,
|
|
|
|
hsl(28 32% 7% / 50%) 0 4px 8px,
|
|
|
|
hsl(28 32% 7% / 50%) 0 8px 16px;
|
|
|
|
}
|
|
|
|
.theme-light.pt-color-scheme-periwinkle-lt {
|
|
|
|
--grey100: hsl(233 5% 82%);
|
|
|
|
--grey200: hsl(233 5% 68%);
|
|
|
|
--grey300: hsl(233 5% 47%);
|
|
|
|
--red100: hsl(345 70% 83%);
|
|
|
|
--red200: hsl(345 70% 74%);
|
|
|
|
--red300: hsl(345 53% 55%);
|
|
|
|
--orange100: hsl(12 66% 82%);
|
|
|
|
--orange200: hsl(12 66% 73%);
|
|
|
|
--orange300: hsl(12 54% 52%);
|
|
|
|
--yellow100: hsl(36 70% 83%);
|
|
|
|
--yellow200: hsl(36 70% 70%);
|
|
|
|
--yellow300: hsl(36 55% 46%);
|
|
|
|
--green100: hsl(121 35% 81%);
|
|
|
|
--green200: hsl(121 35% 68%);
|
|
|
|
--green300: hsl(121 45% 40%);
|
|
|
|
--mint100: hsl(149 40% 82%);
|
|
|
|
--mint200: hsl(149 40% 67%);
|
|
|
|
--mint300: hsl(149 58% 38%);
|
|
|
|
--cyan100: hsl(180 31% 82%);
|
|
|
|
--cyan200: hsl(180 31% 69%);
|
|
|
|
--cyan300: hsl(180 50% 40%);
|
|
|
|
--blue100: hsl(232 34% 84%);
|
|
|
|
--blue200: hsl(232 34% 74%);
|
|
|
|
--blue300: hsl(232 35% 56%);
|
|
|
|
--purple100: hsl(255 38% 82%);
|
|
|
|
--purple200: hsl(255 38% 73%);
|
|
|
|
--purple300: hsl(255 36% 51%);
|
|
|
|
--pink100: hsl(303 42% 83%);
|
|
|
|
--pink200: hsl(303 42% 72%);
|
|
|
|
--pink300: hsl(303 42% 50%);
|
|
|
|
--color-grey-base-hsl: 233 5% 82%;
|
|
|
|
--color-red-base-hsl: 345 70% 83%;
|
|
|
|
--color-orange-base-hsl: 12 66% 82%;
|
|
|
|
--color-yellow-base-hsl: 36 70% 83%;
|
|
|
|
--color-green-base-hsl: 121 35% 81%;
|
|
|
|
--color-mint-base-hsl: 149 40% 82%;
|
|
|
|
--color-cyan-base-hsl: 180 31% 82%;
|
|
|
|
--color-blue-base-hsl: 232 34% 84%;
|
|
|
|
--color-purple-base-hsl: 255 38% 82%;
|
|
|
|
--color-pink-base-hsl: 303 42% 83%;
|
|
|
|
--text-normal: hsl(225 35% 30%);
|
|
|
|
--text-muted: hsl(225 35% 40%);
|
|
|
|
--text-faint: hsl(225 35% 50%);
|
|
|
|
--background-primary: hsl(225 35% 95%);
|
|
|
|
--background-primary-alt: hsl(225 35% 93%);
|
|
|
|
--background-secondary: hsl(225 35% 90%);
|
|
|
|
--background-secondary-blur: hsl(225 35% 90% / 80%);
|
|
|
|
--background-secondary-alt: hsl(225 35% 79%);
|
|
|
|
--shadow-s: hsl(225 35% 7% / 10%) 0 1px 2px 0;
|
|
|
|
--shadow-l:
|
|
|
|
hsl(225 35% 7% / 4%) 0 1px 2px,
|
|
|
|
hsl(225 35% 7% / 4%) 0 2px 4px,
|
|
|
|
hsl(225 35% 7% / 4%) 0 4px 8px,
|
|
|
|
hsl(225 35% 7% / 4%) 0 8px 16px;
|
|
|
|
}
|
|
|
|
.theme-dark.pt-color-scheme-indigo-dt {
|
|
|
|
--grey100: hsl(233 5% 23%);
|
|
|
|
--grey200: hsl(233 5% 40%);
|
|
|
|
--grey300: hsl(233 5% 69%);
|
|
|
|
--red100: hsl(345 65% 21%);
|
|
|
|
--red200: hsl(345 65% 36%);
|
|
|
|
--red300: hsl(345 77% 70%);
|
|
|
|
--orange100: hsl(12 62% 23%);
|
|
|
|
--orange200: hsl(12 62% 40%);
|
|
|
|
--orange300: hsl(12 78% 69%);
|
|
|
|
--yellow100: hsl(36 69% 19%);
|
|
|
|
--yellow200: hsl(36 69% 32%);
|
|
|
|
--yellow300: hsl(36 65% 61%);
|
|
|
|
--green100: hsl(121 28% 23%);
|
|
|
|
--green200: hsl(121 28% 36%);
|
|
|
|
--green300: hsl(121 43% 59%);
|
|
|
|
--mint100: hsl(149 33% 25%);
|
|
|
|
--mint200: hsl(149 33% 37%);
|
|
|
|
--mint300: hsl(149 60% 57%);
|
|
|
|
--cyan100: hsl(180 38% 20%);
|
|
|
|
--cyan200: hsl(180 38% 33%);
|
|
|
|
--cyan300: hsl(180 45% 49%);
|
|
|
|
--blue100: hsl(232 31% 24%);
|
|
|
|
--blue200: hsl(232 31% 45%);
|
|
|
|
--blue300: hsl(232 74% 73%);
|
|
|
|
--purple100: hsl(255 36% 22%);
|
|
|
|
--purple200: hsl(255 36% 45%);
|
|
|
|
--purple300: hsl(255 60% 71%);
|
|
|
|
--pink100: hsl(303 41% 22%);
|
|
|
|
--pink200: hsl(303 41% 40%);
|
|
|
|
--pink300: hsl(303 62% 68%);
|
|
|
|
--color-grey-base-hsl: 233 5% 23%;
|
|
|
|
--color-red-base-hsl: 345 65% 21%;
|
|
|
|
--color-orange-base-hsl: 12 62% 23%;
|
|
|
|
--color-yellow-base-hsl: 36 69% 19%;
|
|
|
|
--color-green-base-hsl: 121 28% 23%;
|
|
|
|
--color-mint-base-hsl: 149 33% 25%;
|
|
|
|
--color-cyan-base-hsl: 180 38% 20%;
|
|
|
|
--color-blue-base-hsl: 232 31% 24%;
|
|
|
|
--color-purple-base-hsl: 255 36% 22%;
|
|
|
|
--color-pink-base-hsl: 303 41% 22%;
|
|
|
|
--text-normal: hsl(245 30% 85%);
|
|
|
|
--text-muted: hsl(245 30% 75%);
|
|
|
|
--text-faint: hsl(245 30% 65%);
|
|
|
|
--background-primary: hsl(245 30% 16%);
|
|
|
|
--background-primary-alt: hsl(245 30% 20%);
|
|
|
|
--background-secondary: hsl(245 30% 11.2%);
|
|
|
|
--background-secondary-blur: hsl(245 30% 11.2% / 80%);
|
|
|
|
--background-secondary-alt: hsl(245 30% 8.5%);
|
|
|
|
--shadow-s: hsl(245 30% 7% / 10%) 0 1px 2px 0;
|
|
|
|
--shadow-l:
|
|
|
|
hsl(245 30% 7% / 10%) 0 1px 2px,
|
|
|
|
hsl(245 30% 7% / 10%) 0 2px 4px,
|
|
|
|
hsl(245 30% 7% / 10%) 0 4px 8px,
|
|
|
|
hsl(245 30% 7% / 10%) 0 8px 16px;
|
|
|
|
}
|
|
|
|
.theme-light.pt-color-scheme-pistachio-lt {
|
|
|
|
--grey100: hsl(233 5% 82%);
|
|
|
|
--grey200: hsl(233 5% 68%);
|
|
|
|
--grey300: hsl(233 5% 47%);
|
|
|
|
--red100: hsl(355 70% 83%);
|
|
|
|
--red200: hsl(355 70% 74%);
|
|
|
|
--red300: hsl(355 53% 55%);
|
|
|
|
--orange100: hsl(21 66% 82%);
|
|
|
|
--orange200: hsl(21 66% 73%);
|
|
|
|
--orange300: hsl(21 54% 52%);
|
|
|
|
--yellow100: hsl(40 70% 83%);
|
|
|
|
--yellow200: hsl(40 70% 70%);
|
|
|
|
--yellow300: hsl(40 55% 46%);
|
|
|
|
--green100: hsl(110 35% 81%);
|
|
|
|
--green200: hsl(110 35% 68%);
|
|
|
|
--green300: hsl(110 45% 40%);
|
|
|
|
--mint100: hsl(151 40% 82%);
|
|
|
|
--mint200: hsl(151 40% 67%);
|
|
|
|
--mint300: hsl(151 58% 38%);
|
|
|
|
--cyan100: hsl(190 31% 85%);
|
|
|
|
--cyan200: hsl(190 31% 72%);
|
|
|
|
--cyan300: hsl(190 50% 40%);
|
|
|
|
--blue100: hsl(222 27% 84%);
|
|
|
|
--blue200: hsl(222 27% 74%);
|
|
|
|
--blue300: hsl(222 30% 56%);
|
|
|
|
--purple100: hsl(260 38% 82%);
|
|
|
|
--purple200: hsl(260 38% 73%);
|
|
|
|
--purple300: hsl(260 36% 51%);
|
|
|
|
--pink100: hsl(323 42% 83%);
|
|
|
|
--pink200: hsl(323 42% 72%);
|
|
|
|
--pink300: hsl(323 42% 50%);
|
|
|
|
--color-grey-base-hsl: 233 5% 82%;
|
|
|
|
--color-red-base-hsl: 355 70% 83%;
|
|
|
|
--color-orange-base-hsl: 21 66% 82%;
|
|
|
|
--color-yellow-base-hsl: 40 70% 83%;
|
|
|
|
--color-green-base-hsl: 110 35% 81%;
|
|
|
|
--color-mint-base-hsl: 151 40% 82%;
|
|
|
|
--color-cyan-base-hsl: 190 31% 85%;
|
|
|
|
--color-blue-base-hsl: 222 27% 84%;
|
|
|
|
--color-purple-base-hsl: 260 38% 82%;
|
|
|
|
--color-pink-base-hsl: 323 42% 83%;
|
|
|
|
--text-normal: hsl(135 35% 20%);
|
|
|
|
--text-muted: hsl(135 35% 30%);
|
|
|
|
--text-faint: hsl(135 35% 40%);
|
|
|
|
--background-primary: hsl(135 35% 95.5%);
|
|
|
|
--background-primary-alt: hsl(135 35% 93%);
|
|
|
|
--background-secondary: hsl(135 35% 90.5%);
|
|
|
|
--background-secondary-blur: hsl(135 35% 90.5% / 80%);
|
|
|
|
--background-secondary-alt: hsl(135 35% 75%);
|
|
|
|
--shadow-s: hsl(135 35% 7% / 10%) 0 1px 2px 0;
|
|
|
|
--shadow-l:
|
|
|
|
hsl(135 35% 7% / 4%) 0 1px 2px,
|
|
|
|
hsl(135 35% 7% / 4%) 0 2px 4px,
|
|
|
|
hsl(135 35% 7% / 4%) 0 4px 8px,
|
|
|
|
hsl(135 35% 7% / 4%) 0 8px 16px;
|
|
|
|
}
|
|
|
|
.theme-dark.pt-color-scheme-pine-dt {
|
|
|
|
--grey100: hsl(233 2% 23%);
|
|
|
|
--grey200: hsl(233 2% 42%);
|
|
|
|
--grey300: hsl(233 2% 71%);
|
|
|
|
--red100: hsl(355 58% 21%);
|
|
|
|
--red200: hsl(355 58% 40%);
|
|
|
|
--red300: hsl(355 74% 70%);
|
|
|
|
--orange100: hsl(21 62% 22%);
|
|
|
|
--orange200: hsl(21 62% 40%);
|
|
|
|
--orange300: hsl(21 72% 62%);
|
|
|
|
--yellow100: hsl(40 70% 20%);
|
|
|
|
--yellow200: hsl(40 70% 33%);
|
|
|
|
--yellow300: hsl(40 70% 53%);
|
|
|
|
--green100: hsl(110 35% 23%);
|
|
|
|
--green200: hsl(110 35% 37%);
|
|
|
|
--green300: hsl(110 48% 52%);
|
|
|
|
--mint100: hsl(151 31% 25%);
|
|
|
|
--mint200: hsl(151 31% 38%);
|
|
|
|
--mint300: hsl(151 58% 52%);
|
|
|
|
--cyan100: hsl(190 38% 20%);
|
|
|
|
--cyan200: hsl(190 38% 35%);
|
|
|
|
--cyan300: hsl(190 50% 53%);
|
|
|
|
--blue100: hsl(222 30% 24%);
|
|
|
|
--blue200: hsl(222 30% 46%);
|
|
|
|
--blue300: hsl(222 70% 70%);
|
|
|
|
--purple100: hsl(260 40% 22%);
|
|
|
|
--purple200: hsl(260 40% 47%);
|
|
|
|
--purple300: hsl(260 65% 73%);
|
|
|
|
--pink100: hsl(323 46% 22%);
|
|
|
|
--pink200: hsl(323 46% 42%);
|
|
|
|
--pink300: hsl(323 67% 73%);
|
|
|
|
--color-grey-base-hsl: 233 2% 23%;
|
|
|
|
--color-red-base-hsl: 355 58% 21%;
|
|
|
|
--color-orange-base-hsl: 21 62% 22%;
|
|
|
|
--color-yellow-base-hsl: 40 70% 20%;
|
|
|
|
--color-green-base-hsl: 110 35% 23%;
|
|
|
|
--color-mint-base-hsl: 151 31% 25%;
|
|
|
|
--color-cyan-base-hsl: 190 38% 20%;
|
|
|
|
--color-blue-base-hsl: 222 30% 24%;
|
|
|
|
--color-purple-base-hsl: 260 40% 22%;
|
|
|
|
--color-pink-base-hsl: 323 46% 22%;
|
|
|
|
--text-normal: hsl(135 35% 85%);
|
|
|
|
--text-muted: hsl(135 35% 70%);
|
|
|
|
--text-faint: hsl(135 35% 60%);
|
|
|
|
--background-primary: hsl(135 35% 12%);
|
|
|
|
--background-primary-alt: hsl(135 35% 15.5%);
|
|
|
|
--background-secondary: hsl(135 35% 7.7%);
|
|
|
|
--background-secondary-blur: hsl(135 35% 7.7% / 80%);
|
|
|
|
--background-secondary-alt: hsl(135 35% 6%);
|
|
|
|
--shadow-s: hsl(135 35% 7% / 10%) 0 1px 2px 0;
|
|
|
|
--shadow-l:
|
|
|
|
hsl(135 35% 7% / 10%) 0 1px 2px,
|
|
|
|
hsl(135 35% 7% / 10%) 0 2px 4px,
|
|
|
|
hsl(135 35% 7% / 10%) 0 4px 8px,
|
|
|
|
hsl(135 35% 7% / 10%) 0 8px 16px;
|
|
|
|
}
|
|
|
|
body.pt-titlebar-hide-text .titlebar .titlebar-text {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.mod-windows .titlebar-button.mod-close:hover {
|
|
|
|
color: hsl(0deg, 100%, 100%);
|
|
|
|
background-color: #C42B1C;
|
|
|
|
}
|
|
|
|
.pt-status-bar-position-floating .status-bar {
|
|
|
|
--status-bar-position: absolute;
|
|
|
|
right: 0;
|
|
|
|
left: 0;
|
|
|
|
width: fit-content;
|
|
|
|
margin: 0 auto calc(var(--size-2-3) + var(--scroll-bar-size));
|
|
|
|
background: var(--background-secondary-blur);
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
box-shadow: var(--shadow-l);
|
|
|
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
}
|
|
|
|
.pt-status-bar-position-fixed .status-bar {
|
|
|
|
--status-bar-position: relative;
|
|
|
|
padding: 1px var(--size-4-2);
|
|
|
|
border-top: 1px solid var(--window-border);
|
|
|
|
border-radius: unset;
|
|
|
|
}
|
|
|
|
.pt-fixed-status-bar-align-left .status-bar {
|
|
|
|
justify-content: flex-start;
|
|
|
|
}
|
|
|
|
.pt-fixed-status-bar-align-center .status-bar {
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
.pt-fixed-status-bar-align-right .status-bar {
|
|
|
|
justify-content: flex-end;
|
|
|
|
}
|
|
|
|
.theme-light.pt-status-bar-custom-lt .status-bar {
|
|
|
|
background: var(--status-bar-background-color-lt);
|
|
|
|
}
|
|
|
|
.theme-dark.pt-status-bar-custom-dt .status-bar {
|
|
|
|
background: var(--status-bar-background-color-dt);
|
|
|
|
}
|
|
|
|
:is(.theme-light.pt-status-bar-text-light-lt, .theme-dark.pt-status-bar-text-dark-dt) .status-bar {
|
|
|
|
color: var(--background-primary);
|
|
|
|
}
|
|
|
|
:is(.theme-light.pt-status-bar-text-dark-lt, .theme-dark.pt-status-bar-text-light-dt) .status-bar {
|
|
|
|
color: var(--text-muted);
|
|
|
|
}
|
|
|
|
:is(.theme-light.pt-status-bar-text-accent-lt, .theme-dark.pt-status-bar-text-accent-dt) .status-bar {
|
|
|
|
color: var(--interactive-accent-text);
|
|
|
|
}
|
|
|
|
.workspace-tab-header {
|
|
|
|
padding: 0 var(--size-4-2);
|
|
|
|
border: var(--accent-border-width) solid transparent;
|
|
|
|
border-radius: var(--radius-m);
|
|
|
|
}
|
|
|
|
.workspace-tab-header.is-active {
|
|
|
|
border-radius: var(--radius-m);
|
|
|
|
}
|
|
|
|
.workspace-tab-header.is-active:hover svg {
|
|
|
|
color: var(--interactive-accent-hover);
|
|
|
|
}
|
|
|
|
.workspace-tab-header.is-active .workspace-tab-header-inner-icon {
|
|
|
|
color: var(--icon-color-focused);
|
|
|
|
}
|
|
|
|
.workspace-tab-header::before,
|
|
|
|
.workspace-tab-header::after {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.mod-left-split .workspace-tabs .workspace-tab-header-spacer,
|
|
|
|
.mod-right-split .workspace-tabs .workspace-tab-header-spacer {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.pt-fade-inactive-tabs :not(.mod-active) .workspace-tab-header.is-active:not(.mod-active) {
|
|
|
|
opacity: 0.55;
|
|
|
|
}
|
|
|
|
.workspace-tab-header-container {
|
|
|
|
padding-right: unset;
|
|
|
|
padding-left: 1px;
|
|
|
|
}
|
|
|
|
.workspace .mod-root .workspace-tab-header {
|
|
|
|
padding: unset;
|
|
|
|
}
|
|
|
|
.mod-root .workspace-tab-header-inner {
|
|
|
|
gap: var(--size-4-1);
|
|
|
|
padding: 0 var(--size-4-1) 0 var(--size-4-2);
|
|
|
|
}
|
|
|
|
.workspace-tab-header-inner-close-button::after {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.workspace .mod-root .workspace-tab-header-inner::after {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.workspace-tab-header:not(.is-active):hover .workspace-tab-header-inner-title {
|
|
|
|
color: var(--highlight-text-normal);
|
|
|
|
}
|
|
|
|
.workspace-tabs .workspace-tab-header-container-inner {
|
|
|
|
gap: var(--size-4-1);
|
|
|
|
padding: unset;
|
|
|
|
margin: var(--size-4-1);
|
|
|
|
}
|
|
|
|
:is(.workspace-tab-header-tab-list, .workspace-tab-header-new-tab) {
|
|
|
|
margin-left: unset;
|
|
|
|
}
|
|
|
|
:is(.workspace-tab-header-tab-list, .workspace-tab-header-new-tab) .clickable-icon {
|
|
|
|
padding: var(--size-4-1);
|
|
|
|
}
|
|
|
|
.workspace-tab-header-new-tab {
|
|
|
|
padding: var(--size-4-1) 0;
|
|
|
|
}
|
|
|
|
.workspace-tab-header-tab-list {
|
|
|
|
padding: var(--size-4-1);
|
|
|
|
margin-right: unset;
|
|
|
|
}
|
|
|
|
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header {
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border: unset;
|
|
|
|
border-right: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header:not(.is-active) .workspace-tab-header-inner {
|
|
|
|
padding-top: 10px;
|
|
|
|
}
|
|
|
|
.workspace-split.mod-left-split .workspace-tab-header-container {
|
|
|
|
}
|
|
|
|
.pt-tab-label-left-sidebar-left .workspace-split.mod-left-split .workspace-tab-header-container {
|
|
|
|
justify-content: flex-start;
|
|
|
|
}
|
|
|
|
.pt-tab-label-left-sidebar-center .workspace-split.mod-left-split .workspace-tab-header-container {
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
.pt-tab-label-left-sidebar-right .workspace-split.mod-left-split .workspace-tab-header-container {
|
|
|
|
justify-content: flex-end;
|
|
|
|
}
|
|
|
|
.workspace-split.mod-right-split .workspace-tab-header-container {
|
|
|
|
}
|
|
|
|
.pt-tab-label-right-sidebar-left .workspace-split.mod-right-split .workspace-tab-header-container {
|
|
|
|
justify-content: flex-start;
|
|
|
|
}
|
|
|
|
.pt-tab-label-right-sidebar-center .workspace-split.mod-right-split .workspace-tab-header-container {
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
.pt-tab-label-right-sidebar-right .workspace-split.mod-right-split .workspace-tab-header-container {
|
|
|
|
justify-content: flex-end;
|
|
|
|
}
|
|
|
|
.nav-header {
|
|
|
|
display: flex;
|
|
|
|
height: var(--header-height);
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.nav-buttons-container {
|
|
|
|
gap: var(--size-4-1);
|
|
|
|
align-items: center;
|
|
|
|
width: fit-content;
|
|
|
|
}
|
|
|
|
.nav-action-button {
|
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
width: 26px;
|
|
|
|
height: 26px;
|
|
|
|
padding: 2px;
|
|
|
|
border-radius: var(--radius-m);
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
:is(.pt-nav-header-left-sidebar-align-left .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-left .workspace-split.mod-right-split) .workspace-leaf-content .nav-header {
|
2022-10-22 18:59:09 +08:00
|
|
|
justify-content: flex-start;
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
:is(.pt-nav-header-left-sidebar-align-left .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-left .workspace-split.mod-right-split) .workspace-leaf-content[data-type=dangling-links] .nav-header {
|
|
|
|
right: calc(var(--size-2-3) + var(--scroll-bar-size));
|
|
|
|
left: var(--size-2-3);
|
|
|
|
margin-right: auto;
|
|
|
|
}
|
|
|
|
:is(.pt-nav-header-left-sidebar-align-center .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-center .workspace-split.mod-right-split) .workspace-leaf-content .nav-header {
|
2022-10-22 18:59:09 +08:00
|
|
|
justify-content: center;
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
:is(.pt-nav-header-left-sidebar-align-center .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-center .workspace-split.mod-right-split) .workspace-leaf-content[data-type=dangling-links] .nav-header {
|
|
|
|
right: calc(var(--size-2-3) + var(--scroll-bar-size));
|
|
|
|
left: var(--size-2-3);
|
|
|
|
margin-right: auto;
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
|
|
|
:is(.pt-nav-header-left-sidebar-align-right .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-right .workspace-split.mod-right-split) .workspace-leaf-content .nav-header {
|
2022-10-22 18:59:09 +08:00
|
|
|
justify-content: flex-end;
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
:is(.pt-nav-header-left-sidebar-align-right .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-align-right .workspace-split.mod-right-split) .workspace-leaf-content[data-type=dangling-links] .nav-header {
|
|
|
|
right: calc(var(--size-2-3) + var(--scroll-bar-size));
|
|
|
|
left: var(--size-2-3);
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
2022-10-22 18:59:09 +08:00
|
|
|
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right) .nav-header {
|
|
|
|
position: absolute;
|
|
|
|
bottom: calc(var(--size-2-3) + var(--scroll-bar-size));
|
|
|
|
z-index: var(--layer-popover);
|
|
|
|
order: 2;
|
|
|
|
width: -webkit-fill-available;
|
|
|
|
width: fill-available;
|
|
|
|
height: unset;
|
2022-10-25 20:43:45 +08:00
|
|
|
padding: 0 calc(var(--size-2-3) + var(--scroll-bar-size)) 0 var(--size-2-3);
|
2022-10-22 18:59:09 +08:00
|
|
|
pointer-events: none;
|
|
|
|
background-color: unset;
|
|
|
|
border-bottom: unset;
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right) .nav-buttons-container,
|
|
|
|
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dangling-links] .nav-header {
|
2022-10-22 18:59:09 +08:00
|
|
|
padding: var(--size-4-1);
|
|
|
|
pointer-events: auto;
|
|
|
|
background: var(--background-secondary-blur);
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
border-radius: var(--radius-m);
|
|
|
|
box-shadow: var(--shadow-l);
|
|
|
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right) .workspace-leaf-content[data-type=dangling-links] .nav-header {
|
|
|
|
width: fit-content;
|
|
|
|
}
|
|
|
|
:is(.pt-nav-header-left-sidebar-position-bottom .workspace-split.mod-left-split, .pt-nav-header-right-sidebar-position-bottom .workspace-split.mod-right-split, .pt-nav-header-left-sidebar-position-bottom .workspace-drawer.mod-left, .pt-nav-header-right-sidebar-position-bottom .workspace-drawer.mod-right) :is(.nav-files-container, .workspace-leaf-content[data-type=tag] .tag-container, .workspace-leaf-content[data-type=backlink] .backlink-pane, .workspace-leaf-content[data-type=search] .search-results-children, .workspace-leaf-content[data-type=starred] .item-list, .workspace-leaf-content[data-type=dictionary-view] .contents, .workspace-leaf-content[data-type=dangling-links] .view-content .container) {
|
|
|
|
padding-bottom: calc(38px + 2 * var(--scroll-bar-size));
|
|
|
|
}
|
2022-10-22 18:59:09 +08:00
|
|
|
.modal.mod-settings .vertical-tab-header {
|
|
|
|
flex: none;
|
|
|
|
width: 215px;
|
|
|
|
min-width: unset;
|
|
|
|
max-width: unset;
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
.modal.mod-settings .vertical-tab-header::before {
|
|
|
|
position: sticky;
|
|
|
|
top: 0;
|
|
|
|
display: block;
|
|
|
|
width: -webkit-fill-available;
|
|
|
|
width: fill-available;
|
|
|
|
height: 42px;
|
|
|
|
margin-bottom: -1px;
|
|
|
|
content: "";
|
|
|
|
background: var(--background-secondary-blur);
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
}
|
|
|
|
.modal.mod-settings .vertical-tab-header::after {
|
|
|
|
position: absolute;
|
|
|
|
top: var(--size-4-2);
|
|
|
|
left: var(--size-4-2);
|
|
|
|
display: inline-flex;
|
|
|
|
flex-direction: column;
|
|
|
|
align-content: center;
|
|
|
|
justify-content: center;
|
|
|
|
width: fit-content;
|
|
|
|
height: 24px;
|
|
|
|
padding: 0 8px;
|
|
|
|
font-size: 14px;
|
|
|
|
font-weight: 600;
|
|
|
|
color: var(--interactive-accent-text);
|
2022-10-25 20:43:45 +08:00
|
|
|
content: "Prism v3.0.0 Beta 10";
|
2022-10-22 18:59:09 +08:00
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
.theme-light .modal.mod-settings .vertical-tab-header::after {
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
}
|
|
|
|
.theme-dark .modal.mod-settings .vertical-tab-header::after {
|
|
|
|
background-color: var(--background-secondary-alt);
|
|
|
|
}
|
|
|
|
.vertical-tab-content {
|
|
|
|
height: calc(100% - 43px);
|
|
|
|
}
|
|
|
|
.vertical-tab-content-container::before {
|
|
|
|
position: relative;
|
|
|
|
z-index: var(--layer-status-bar);
|
|
|
|
display: block;
|
|
|
|
width: -webkit-fill-available;
|
|
|
|
width: fill-available;
|
|
|
|
height: 42px;
|
|
|
|
content: "";
|
|
|
|
background: var(--background-secondary-blur);
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
}
|
|
|
|
.vertical-tab-header-group {
|
|
|
|
padding: unset;
|
|
|
|
}
|
|
|
|
.vertical-tab-header-group-title {
|
|
|
|
font-size: var(--font-ui-medium);
|
|
|
|
color: var(--text-normal);
|
|
|
|
text-align: center;
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border-top: 1px solid var(--window-border);
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.vertical-tab-header-group-items {
|
|
|
|
gap: var(--size-2-1);
|
|
|
|
padding: var(--size-4-2);
|
|
|
|
}
|
|
|
|
:is(.horizontal-tab-content, .vertical-tab-content) {
|
|
|
|
padding: var(--size-4-8);
|
|
|
|
}
|
|
|
|
.theme-light :is(.horizontal-tab-content, .vertical-tab-content, .vertical-tab-header) {
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
}
|
|
|
|
.theme-dark :is(.horizontal-tab-content, .vertical-tab-content, .vertical-tab-header) {
|
|
|
|
background-color: var(--background-secondary-alt);
|
|
|
|
}
|
|
|
|
.installed-plugins-container {
|
|
|
|
padding-top: var(--size-4-2);
|
|
|
|
border-top: unset;
|
|
|
|
}
|
|
|
|
.plugin-list-plugins:last-child {
|
|
|
|
padding-top: var(--size-4-1);
|
|
|
|
}
|
|
|
|
.vertical-tab-nav-item {
|
|
|
|
padding: var(--size-2-1) var(--size-4-2);
|
|
|
|
margin-bottom: unset;
|
|
|
|
color: var(--text-muted);
|
|
|
|
border: var(--accent-border-width) solid transparent;
|
|
|
|
}
|
|
|
|
@media (hover: hover) {
|
|
|
|
.horizontal-tab-nav-item:hover,
|
|
|
|
.vertical-tab-nav-item:hover {
|
|
|
|
color: var(--icon-color-focused);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.modal.mod-image-lightbox {
|
|
|
|
width: var(--modal-width);
|
|
|
|
max-width: var(--modal-max-width);
|
|
|
|
height: var(--modal-height);
|
|
|
|
max-height: var(--modal-max-height);
|
|
|
|
}
|
|
|
|
.modal.mod-image-lightbox .modal-content {
|
|
|
|
display: flex;
|
|
|
|
align-content: center;
|
|
|
|
justify-content: center;
|
|
|
|
height: 100%;
|
|
|
|
padding: var(--size-4-2);
|
|
|
|
}
|
|
|
|
img.community-theme-lightbox {
|
|
|
|
object-fit: contain;
|
|
|
|
max-width: 100%;
|
|
|
|
max-height: 100%;
|
|
|
|
}
|
|
|
|
.modal.mod-community-theme {
|
|
|
|
max-width: var(--modal-max-width);
|
|
|
|
max-height: var(--modal-max-height);
|
|
|
|
}
|
|
|
|
.community-modal-sidebar {
|
|
|
|
padding: unset;
|
|
|
|
}
|
|
|
|
.theme-light .community-modal-sidebar {
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
}
|
|
|
|
.theme-dark .community-modal-sidebar {
|
|
|
|
background-color: var(--background-secondary-alt);
|
|
|
|
}
|
|
|
|
.community-modal-info {
|
|
|
|
display: grid;
|
|
|
|
grid-template-areas: "info-name button-container button-container" "info-author info-version info-version" "info-repo info-repo info-downloads" "info-desc info-desc info-desc" "seperator seperator seperator" "readme readme readme";
|
|
|
|
row-gap: var(--size-2-1);
|
|
|
|
padding: var(--size-4-8) var(--size-4-12);
|
|
|
|
}
|
|
|
|
.community-modal-info hr {
|
|
|
|
grid-area: seperator;
|
|
|
|
margin: 1em 0;
|
|
|
|
}
|
|
|
|
.community-modal-button-container {
|
|
|
|
display: flex;
|
|
|
|
grid-area: button-container;
|
|
|
|
gap: var(--size-4-2);
|
|
|
|
justify-content: flex-end;
|
|
|
|
margin: unset;
|
|
|
|
}
|
|
|
|
.community-modal-button-container button {
|
|
|
|
margin-right: unset;
|
|
|
|
}
|
|
|
|
.community-modal-info-name {
|
|
|
|
display: flex;
|
|
|
|
grid-area: info-name;
|
|
|
|
align-items: center;
|
|
|
|
margin-bottom: unset;
|
|
|
|
}
|
|
|
|
.community-modal-info-downloads {
|
|
|
|
display: flex;
|
|
|
|
grid-area: info-downloads;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: flex-end;
|
|
|
|
margin-top: unset;
|
|
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
.community-modal-info-author {
|
|
|
|
display: flex;
|
|
|
|
grid-area: info-author;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: left;
|
|
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
.community-modal-info-author a {
|
|
|
|
margin-left: var(--size-4-1);
|
|
|
|
}
|
|
|
|
.community-modal-info-version {
|
|
|
|
display: flex;
|
|
|
|
grid-area: info-version;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: flex-end;
|
|
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
.community-modal-info-repo {
|
|
|
|
display: flex;
|
|
|
|
grid-area: info-repo;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: flex-start;
|
|
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
.community-modal-info-desc {
|
|
|
|
grid-area: info-desc;
|
|
|
|
}
|
|
|
|
.community-modal-readme {
|
|
|
|
grid-area: readme;
|
|
|
|
}
|
|
|
|
.modal.mod-community-theme .community-item {
|
|
|
|
display: grid;
|
|
|
|
grid-template-areas: "item-name item-name" "item-author item-downloads" "item-screenshot item-screenshot";
|
|
|
|
}
|
|
|
|
.modal.mod-community-plugin .community-item {
|
|
|
|
display: grid;
|
|
|
|
grid-template-areas: "item-name item-name" "item-author item-downloads" "item-desc item-desc";
|
|
|
|
}
|
|
|
|
.community-item-name {
|
|
|
|
display: inline-flex;
|
|
|
|
grid-area: item-name;
|
|
|
|
font-weight: var(--font-semibold);
|
|
|
|
}
|
|
|
|
.community-item-author {
|
|
|
|
grid-area: item-author;
|
|
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
.community-item-downloads {
|
|
|
|
display: flex;
|
|
|
|
grid-area: item-downloads;
|
|
|
|
justify-content: flex-end;
|
|
|
|
margin-bottom: unset;
|
|
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
.community-item-screenshot {
|
|
|
|
grid-area: item-screenshot;
|
|
|
|
margin-top: var(--size-4-2);
|
|
|
|
image-rendering: unset;
|
|
|
|
}
|
|
|
|
.community-item-desc {
|
|
|
|
grid-area: item-desc;
|
|
|
|
}
|
|
|
|
.community-item .flair {
|
|
|
|
height: fit-content;
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
|
|
|
.community-modal-controls {
|
|
|
|
position: absolute;
|
|
|
|
display: flex;
|
|
|
|
gap: var(--size-4-3);
|
|
|
|
align-items: center;
|
|
|
|
width: 100%;
|
|
|
|
height: 43px;
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.community-modal-controls .community-modal-search-summary {
|
|
|
|
display: inline-flex;
|
|
|
|
width: fit-content;
|
|
|
|
padding: 0 var(--size-4-1) 0;
|
|
|
|
}
|
|
|
|
.community-modal-controls .setting-item {
|
|
|
|
display: inline-flex;
|
|
|
|
padding: unset;
|
|
|
|
}
|
|
|
|
.community-modal-controls .setting-item:first-child {
|
|
|
|
margin-bottom: unset;
|
|
|
|
}
|
|
|
|
.modal-setting-nav-bar {
|
|
|
|
position: absolute;
|
|
|
|
height: 0;
|
|
|
|
padding: 0 var(--size-4-2);
|
|
|
|
border-bottom: unset;
|
|
|
|
}
|
|
|
|
.modal-setting-nav-bar .clickable-icon {
|
|
|
|
width: 30px;
|
|
|
|
height: 30px;
|
|
|
|
padding: var(--size-4-1);
|
|
|
|
margin-top: var(--size-4-2);
|
|
|
|
}
|
|
|
|
.modal-setting-nav-bar .clickable-icon svg.svg-icon {
|
|
|
|
width: 28px;
|
|
|
|
height: 28px;
|
|
|
|
}
|
|
|
|
.community-modal-search-results-wrapper {
|
|
|
|
border-top: unset;
|
|
|
|
}
|
|
|
|
:is(.community-modal-search-results-wrapper, .community-modal-details) {
|
|
|
|
margin-top: 43px;
|
|
|
|
}
|
|
|
|
.setting-item {
|
|
|
|
padding: var(--size-4-2) 0;
|
|
|
|
border-top: unset;
|
|
|
|
}
|
|
|
|
.setting-item.setting-item-heading {
|
|
|
|
margin-bottom: var(--size-4-1);
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.setting-item-name {
|
|
|
|
font-weight: var(--font-medium);
|
|
|
|
}
|
|
|
|
body:not(.native-scrollbars) .modal-close-button {
|
|
|
|
top: var(--size-4-1);
|
|
|
|
right: var(--size-4-1);
|
|
|
|
z-index: var(--layer-popover);
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
.modal-close-button:hover {
|
|
|
|
color: var(--highlight-text-normal);
|
|
|
|
}
|
2022-10-22 18:59:09 +08:00
|
|
|
.mod-warning {
|
|
|
|
color: var(--color-red-text);
|
|
|
|
}
|
|
|
|
.setting-hotkey {
|
|
|
|
font-family: var(--font-interface);
|
|
|
|
}
|
|
|
|
.checkbox-container {
|
|
|
|
height: 24px;
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
box-shadow: unset;
|
|
|
|
}
|
|
|
|
.checkbox-container::after {
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
box-shadow: unset;
|
|
|
|
}
|
|
|
|
.checkbox-container.is-enabled {
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
border-color: var(--interactive-accent-tint);
|
|
|
|
}
|
|
|
|
.checkbox-container.is-enabled::after {
|
|
|
|
border-color: var(--interactive-accent-tint);
|
|
|
|
transform: translate3d(calc(var(--toggle-width) - var(--toggle-thumb-width) - var(--toggle-border-width) - 4px), 0, 0);
|
|
|
|
}
|
|
|
|
.checkbox-container.mod-small {
|
|
|
|
height: 20px;
|
|
|
|
}
|
|
|
|
.checkbox-container.mod-small::after {
|
|
|
|
margin: 1px 0 0;
|
|
|
|
transform: translate3d(1px, 0, 0);
|
|
|
|
}
|
|
|
|
.checkbox-container.mod-small.is-enabled::after {
|
|
|
|
transform: translate3d(calc(var(--toggle-s-width) - var(--toggle-s-thumb-width) - var(--toggle-s-border-width) - 1px), 0, 0);
|
|
|
|
}
|
|
|
|
input[type=range] {
|
|
|
|
width: 125px;
|
|
|
|
height: 0.7em;
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
border-radius: var(--size-2-1);
|
|
|
|
}
|
|
|
|
input[type=range]::-webkit-slider-thumb {
|
|
|
|
height: 19px;
|
|
|
|
background-color: var(--toggle-thumb-color);
|
|
|
|
box-shadow: unset;
|
|
|
|
}
|
|
|
|
select.dropdown {
|
|
|
|
font-family: var(--font-interface);
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
box-shadow: var(--shadow-s);
|
|
|
|
}
|
|
|
|
select.dropdown option[value*=accent]:not([value*=accent-style]):not([value*=accent-color]) {
|
|
|
|
color: var(--interactive-accent-text);
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
}
|
|
|
|
select.dropdown option[value*=red] {
|
|
|
|
color: var(--color-red-text);
|
|
|
|
background-color: var(--color-red-base);
|
|
|
|
}
|
|
|
|
select.dropdown option[value*=orange] {
|
|
|
|
color: var(--color-orange-text);
|
|
|
|
background-color: var(--color-orange-base);
|
|
|
|
}
|
|
|
|
select.dropdown option[value*=yellow] {
|
|
|
|
color: var(--color-yellow-text);
|
|
|
|
background-color: var(--color-yellow-base);
|
|
|
|
}
|
|
|
|
select.dropdown option[value*=green] {
|
|
|
|
color: var(--color-green-text);
|
|
|
|
background-color: var(--color-green-base);
|
|
|
|
}
|
|
|
|
select.dropdown option[value*=mint] {
|
|
|
|
color: var(--color-mint-text);
|
|
|
|
background-color: var(--color-mint-base);
|
|
|
|
}
|
|
|
|
select.dropdown option[value*=cyan] {
|
|
|
|
color: var(--color-cyan-text);
|
|
|
|
background-color: var(--color-cyan-base);
|
|
|
|
}
|
|
|
|
select.dropdown option[value*=blue] {
|
|
|
|
color: var(--color-blue-text);
|
|
|
|
background-color: var(--color-blue-base);
|
|
|
|
}
|
|
|
|
select.dropdown option[value*=purple] {
|
|
|
|
color: var(--color-purple-text);
|
|
|
|
background-color: var(--color-purple-base);
|
|
|
|
}
|
|
|
|
select.dropdown option[value*=pink] {
|
|
|
|
color: var(--color-pink-text);
|
|
|
|
background-color: var(--color-pink-base);
|
|
|
|
}
|
|
|
|
select.dropdown option[value*=grey] {
|
|
|
|
color: var(--color-grey-text);
|
|
|
|
background-color: var(--color-grey-base);
|
|
|
|
}
|
|
|
|
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar,
|
2022-10-25 20:43:45 +08:00
|
|
|
body:not(.native-scrollbars) .prompt-results::-webkit-scrollbar,
|
2022-10-22 18:59:09 +08:00
|
|
|
body:not(.native-scrollbars) ::-webkit-scrollbar {
|
|
|
|
width: var(--scroll-bar-size);
|
|
|
|
height: var(--scroll-bar-size);
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border-radius: unset;
|
|
|
|
}
|
|
|
|
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar:vertical,
|
2022-10-25 20:43:45 +08:00
|
|
|
body:not(.native-scrollbars) .prompt-results::-webkit-scrollbar:vertical,
|
2022-10-22 18:59:09 +08:00
|
|
|
body:not(.native-scrollbars) ::-webkit-scrollbar:vertical {
|
|
|
|
border-left: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar:horizontal,
|
2022-10-25 20:43:45 +08:00
|
|
|
body:not(.native-scrollbars) .prompt-results::-webkit-scrollbar:horizontal,
|
2022-10-22 18:59:09 +08:00
|
|
|
body:not(.native-scrollbars) ::-webkit-scrollbar:horizontal {
|
|
|
|
border-top: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar-thumb,
|
|
|
|
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb {
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
border-radius: unset;
|
|
|
|
}
|
|
|
|
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar-thumb:active,
|
|
|
|
body:not(.native-scrollbars) .kanban-plugin__scroll-container::-webkit-scrollbar-thumb:hover,
|
|
|
|
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:active,
|
|
|
|
body:not(.native-scrollbars) ::-webkit-scrollbar-thumb:hover {
|
|
|
|
border-radius: unset;
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
.show-view-header .cm-scroller::-webkit-scrollbar-track,
|
|
|
|
.show-view-header .mod-root .view-content::-webkit-scrollbar-track {
|
2022-10-22 18:59:09 +08:00
|
|
|
margin-top: var(--header-height) !important;
|
|
|
|
}
|
|
|
|
.progress-bar {
|
|
|
|
background-color: var(--background-secondary-blur);
|
|
|
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
}
|
|
|
|
.progress-bar-line {
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
}
|
|
|
|
.progress-bar-subline {
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
border: 2px solid var(--interactive-accent-tint);
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
body:not(.css-settings-manager) .workspace-split.mod-left-split::before {
|
|
|
|
display: block;
|
|
|
|
width: -webkit-fill-avaliable;
|
|
|
|
height: fit-content;
|
|
|
|
padding: 10px;
|
|
|
|
font-weight: 600;
|
|
|
|
text-align: center;
|
|
|
|
content: "Style Settings Plugin is required for Prism to function correctly!";
|
|
|
|
background-color: var(--color-red-base);
|
|
|
|
border: var(--accent-border-width) solid var(--color-red-tint);
|
|
|
|
border-radius: var(--radius-m);
|
|
|
|
}
|
|
|
|
:is(.workspace-split.mod-vertical > * > .workspace-leaf-resize-handle, .workspace-split.mod-left-split > .workspace-leaf-resize-handle, .workspace-split.mod-right-split > .workspace-leaf-resize-handle) {
|
|
|
|
height: calc(var(--divider-vertical-height) - var(--header-height));
|
|
|
|
}
|
|
|
|
.theme-light .workspace-tabs .workspace-leaf {
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
}
|
|
|
|
.theme-dark .workspace-tabs .workspace-leaf {
|
|
|
|
background-color: var(--background-secondary-alt);
|
|
|
|
}
|
|
|
|
:is(.is-focused .workspace-leaf.mod-active .view-header, .view-header) {
|
|
|
|
position: fixed;
|
|
|
|
width: 100%;
|
|
|
|
background: var(--background-secondary-blur);
|
|
|
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
}
|
|
|
|
.workspace-tabs .view-header {
|
|
|
|
margin: unset;
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.view-header-nav-buttons {
|
|
|
|
padding-left: var(--size-4-2);
|
|
|
|
}
|
|
|
|
.view-header-title-container::after {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.view-actions {
|
|
|
|
padding-right: var(--size-4-2);
|
|
|
|
}
|
|
|
|
.is-focused .workspace-leaf.mod-active .view-header-title,
|
|
|
|
.view-header-title {
|
|
|
|
color: var(--interactive-accent-text);
|
|
|
|
}
|
|
|
|
.is-focused .workspace-leaf.mod-active .view-header-title:hover,
|
|
|
|
.view-header-title:hover {
|
|
|
|
color: var(--text-accent-hover);
|
|
|
|
}
|
|
|
|
.view-header-title-parent .view-header-breadcrumb:hover {
|
|
|
|
color: var(--highlight-text-normal);
|
|
|
|
}
|
|
|
|
.show-view-header {
|
|
|
|
--file-margins: 64px 32px 32px 32px;
|
|
|
|
}
|
|
|
|
:is(.workspace-ribbon.mod-left, .workspace-split.mod-right-split, .workspace-split.mod-vertical.mod-root) .sidebar-toggle-button {
|
|
|
|
width: fit-content;
|
|
|
|
height: calc(var(--header-height) - 9px);
|
|
|
|
padding: 2px;
|
|
|
|
margin: 4px;
|
|
|
|
border: 2px solid transparent;
|
|
|
|
border-radius: var(--radius-m);
|
|
|
|
}
|
|
|
|
:is(.mod-active .document-search-container, .document-search-container) {
|
|
|
|
position: relative;
|
|
|
|
right: var(--scroll-bar-size);
|
|
|
|
height: var(--header-height);
|
|
|
|
padding: var(--size-4-1) 0;
|
|
|
|
margin: unset;
|
|
|
|
background: var(--background-secondary-blur);
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
}
|
|
|
|
:is(.mod-active .document-search-container, .document-search-container) .document-search-input.mod-no-match {
|
|
|
|
background-color: var(--color-red-base);
|
|
|
|
border: 2px solid var(--color-red-tint);
|
|
|
|
}
|
|
|
|
.popover {
|
|
|
|
background-color: var(--page-background-color);
|
|
|
|
box-shadow: var(--shadow-l);
|
|
|
|
}
|
|
|
|
.popover.hover-popover {
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
:is(.markdown-embed-link, .file-embed-link) {
|
|
|
|
right: 12px;
|
|
|
|
}
|
|
|
|
.menu {
|
2022-10-25 20:43:45 +08:00
|
|
|
background: var(--background-secondary);
|
2022-10-22 18:59:09 +08:00
|
|
|
border-color: var(--window-border);
|
|
|
|
box-shadow: var(--shadow-l);
|
2022-10-25 20:43:45 +08:00
|
|
|
}
|
|
|
|
.menu-item.selected:not(.is-disabled):not(.is-label):not(.is-warning) {
|
|
|
|
color: var(--highlight-text-normal);
|
|
|
|
}
|
|
|
|
.menu-item.selected:not(.is-disabled):not(.is-label):not(.is-warning) .menu-item-icon {
|
|
|
|
color: var(--highlight-text-normal);
|
2022-10-22 18:59:09 +08:00
|
|
|
}
|
|
|
|
div.notice-container div.notice {
|
|
|
|
font-weight: 600;
|
|
|
|
color: var(--text-normal);
|
|
|
|
background: var(--interactive-accent-base);
|
|
|
|
border: 2px solid var(--interactive-accent-tint);
|
|
|
|
border-radius: var(--radius-m);
|
|
|
|
box-shadow: var(--shadow-s);
|
|
|
|
}
|
|
|
|
.prompt-instructions {
|
|
|
|
padding-bottom: unset;
|
|
|
|
}
|
|
|
|
.tooltip {
|
|
|
|
display: flex;
|
|
|
|
font-weight: 600;
|
|
|
|
color: var(--text-normal);
|
|
|
|
background: var(--background-secondary);
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
border-radius: var(--radius-m);
|
|
|
|
box-shadow: var(--shadow-l);
|
|
|
|
}
|
|
|
|
.tooltip .tooltip-arrow {
|
|
|
|
margin-top: -1px;
|
|
|
|
border-bottom-color: var(--window-border);
|
|
|
|
}
|
|
|
|
.tooltip.mod-top .tooltip-arrow {
|
|
|
|
margin-top: unset;
|
|
|
|
margin-top: 1px;
|
|
|
|
border-top-color: var(--window-border);
|
|
|
|
}
|
|
|
|
.tooltip.mod-right .tooltip-arrow {
|
|
|
|
margin-top: unset;
|
|
|
|
margin-left: -6px;
|
|
|
|
border-right-color: var(--window-border);
|
|
|
|
}
|
|
|
|
.tooltip.mod-left .tooltip-arrow {
|
|
|
|
margin-top: unset;
|
|
|
|
margin-left: -2px;
|
|
|
|
border-left-color: var(--window-border);
|
|
|
|
}
|
|
|
|
.tooltip.mod-error {
|
|
|
|
color: var(--highlight-text-normal);
|
|
|
|
background-color: var(--color-red-base);
|
|
|
|
border-color: var(--color-red-tint);
|
|
|
|
}
|
|
|
|
.drag-ghost {
|
|
|
|
background: var(--background-secondary);
|
|
|
|
border: 2px solid var(--window-border);
|
|
|
|
box-shadow: var(--shadow-l);
|
|
|
|
animation: pop-down 200ms forwards ease-in-out;
|
|
|
|
}
|
|
|
|
.modal button:not(.mod-cta):not(.mod-warning) {
|
|
|
|
display: inline-flex;
|
|
|
|
flex-direction: column;
|
|
|
|
align-items: center;
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
.workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
|
|
|
|
.workspace-tab-header.is-active,
|
|
|
|
.nav-action-button.is-active,
|
|
|
|
.vertical-tab-nav-item.is-active,
|
|
|
|
.nav-file-title.is-active,
|
|
|
|
.suggestion-hotkey {
|
|
|
|
color: var(--highlight-text-normal);
|
|
|
|
border: var(--accent-border-width) solid;
|
|
|
|
box-shadow: unset;
|
|
|
|
}
|
|
|
|
:is(.search-result-file-match-destination-file, .search-result-file-match-replace-button) {
|
|
|
|
color: var(--text-normal);
|
|
|
|
border: var(--accent-border-width) solid;
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
button.mod-cta {
|
|
|
|
color: var(--highlight-text-normal);
|
|
|
|
}
|
|
|
|
:is(.pcr-button, button.mod-cta, button.mod-warning, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .setting-hotkey, .flair.mod-pop, .community-item .flair, button.copy-code-button, .modal-setting-nav-bar .clickable-icon, .document-search-button, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
|
|
|
|
border: var(--accent-border-width) solid;
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
.side-dock-ribbon-action.is-active[aria-label="Start/stop recording"] {
|
|
|
|
padding: var(--size-2-1) var(--size-2-2);
|
|
|
|
}
|
|
|
|
:is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left) {
|
|
|
|
color: var(--highlight-text-normal);
|
|
|
|
border: var(--accent-border-width) solid;
|
|
|
|
border-radius: var(--radius-m);
|
|
|
|
}
|
|
|
|
:is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left) svg.svg-icon {
|
|
|
|
color: var(--highlight-text-normal);
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
:is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left):hover svg.svg-icon {
|
|
|
|
color: var(--interactive-accent-hover);
|
|
|
|
}
|
2022-10-22 18:59:09 +08:00
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) .workspace-tab-header.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) .nav-action-button.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) .vertical-tab-nav-item.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) .nav-file-title.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) .suggestion-hotkey {
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) .search-result-file-match-destination-file {
|
|
|
|
color: var(--text-normal);
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border-color: var(--background-secondary);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) .search-result-file-match-destination-file:hover {
|
|
|
|
color: var(--interactive-accent-hover);
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) .search-result-file-match-replace-button {
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border-color: var(--background-secondary);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) .search-result-file-match-replace-button:hover {
|
|
|
|
color: var(--interactive-accent-text);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) button.mod-cta {
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) button.mod-cta:hover {
|
|
|
|
color: var(--interactive-accent-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
|
|
|
|
color: var(--color-red-text);
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]):hover {
|
|
|
|
color: var(--color-red-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button) {
|
|
|
|
color: var(--color-grey-text);
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button):hover {
|
|
|
|
color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) .setting-command-hotkeys .setting-hotkey {
|
|
|
|
color: var(--color-blue-text);
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) .setting-command-hotkeys .setting-hotkey.mod-empty {
|
|
|
|
color: var(--text-normal);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) .setting-command-hotkeys .setting-hotkey.has-conflict {
|
|
|
|
color: var(--color-red-text);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) :is(.flair.mod-pop, .community-item .flair) {
|
|
|
|
color: var(--color-green-text);
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) button.copy-code-button {
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) button.copy-code-button:hover {
|
|
|
|
color: var(--interactive-accent-hover);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left) {
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-text-dt, .theme-light.pt-accent-style-text-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left):hover {
|
|
|
|
color: var(--interactive-accent-hover);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .workspace-tab-header.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .nav-action-button.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .vertical-tab-nav-item.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .nav-file-title.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .suggestion-hotkey {
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
border-color: var(--interactive-accent-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .search-result-file-match-destination-file {
|
|
|
|
color: var(--text-normal);
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border-color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .search-result-file-match-destination-file:hover {
|
|
|
|
color: var(--interactive-accent-hover);
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border-color: var(--interactive-accent-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .search-result-file-match-replace-button {
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
border-color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .search-result-file-match-replace-button:hover {
|
|
|
|
border-color: var(--interactive-accent-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) button.mod-cta {
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
border-color: var(--interactive-accent-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) button.mod-cta:hover {
|
|
|
|
color: var(--interactive-accent-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
|
|
|
|
color: var(--text-normal);
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
border-color: var(--color-red-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]):hover {
|
|
|
|
color: var(--color-red-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button) {
|
|
|
|
color: var(--text-normal);
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border-color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button):hover {
|
|
|
|
color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .setting-command-hotkeys .setting-hotkey {
|
|
|
|
color: var(--text-normal);
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border-color: var(--color-blue-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .setting-command-hotkeys .setting-hotkey.mod-empty {
|
|
|
|
border-color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) .setting-command-hotkeys .setting-hotkey.has-conflict {
|
|
|
|
border-color: var(--color-red-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.flair.mod-pop, .community-item .flair) {
|
|
|
|
color: var(--text-normal);
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border-color: var(--color-green-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) button.copy-code-button {
|
|
|
|
color: var(--text-normal);
|
|
|
|
border-color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) button.copy-code-button:hover {
|
|
|
|
color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left) {
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
border-color: var(--interactive-accent-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-border-dt, .theme-light.pt-accent-style-border-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left):hover {
|
|
|
|
color: var(--interactive-accent-hover);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .workspace-tab-header.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .nav-action-button.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .vertical-tab-nav-item.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .nav-file-title.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .suggestion-hotkey {
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .search-result-file-match-destination-file {
|
|
|
|
color: var(--text-normal);
|
|
|
|
background-color: var(--color-grey-base);
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .search-result-file-match-destination-file:hover {
|
|
|
|
color: var(--interactive-accent-hover);
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .search-result-file-match-replace-button {
|
|
|
|
background-color: var(--color-grey-base);
|
|
|
|
border-color: var(--color-grey-base);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .search-result-file-match-replace-button:hover {
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
border-color: var(--interactive-accent-base);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) button.mod-cta {
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) button.mod-cta:hover {
|
|
|
|
color: var(--interactive-accent-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
|
|
|
|
color: var(--text-normal);
|
|
|
|
background-color: var(--color-red-base);
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]):hover {
|
|
|
|
color: var(--color-red-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button) {
|
|
|
|
color: var(--text-normal);
|
|
|
|
background-color: var(--color-grey-base);
|
|
|
|
border-color: var(--color-grey-base);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button):hover {
|
|
|
|
color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .setting-command-hotkeys .setting-hotkey {
|
|
|
|
color: var(--text-normal);
|
|
|
|
background-color: var(--color-blue-base);
|
|
|
|
border-color: var(--color-blue-base);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .setting-command-hotkeys .setting-hotkey.mod-empty {
|
|
|
|
background-color: var(--color-grey-base);
|
|
|
|
border-color: var(--color-grey-base);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) .setting-command-hotkeys .setting-hotkey.has-conflict {
|
|
|
|
background-color: var(--color-red-base);
|
|
|
|
border-color: var(--color-red-base);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.flair.mod-pop, .community-item .flair) {
|
|
|
|
color: var(--highlight-text-normal);
|
|
|
|
background-color: var(--color-green-base);
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) button.copy-code-button {
|
|
|
|
color: var(--text-normal);
|
|
|
|
background-color: var(--color-grey-base);
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) button.copy-code-button:hover {
|
|
|
|
color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left) {
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
border-color: transparent;
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-filled-dt, .theme-light.pt-accent-style-filled-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left):hover {
|
|
|
|
color: var(--interactive-accent-hover);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .workspace .mod-root .workspace-tabs.mod-stacked .workspace-tab-container .workspace-tab-header.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .workspace-tab-header.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .nav-action-button.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .vertical-tab-nav-item.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .nav-file-title.is-active,
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .suggestion-hotkey {
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
border-color: var(--interactive-accent-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .search-result-file-match-destination-file {
|
|
|
|
color: var(--text-normal);
|
|
|
|
background-color: var(--color-grey-base);
|
|
|
|
border-color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .search-result-file-match-destination-file:hover {
|
|
|
|
color: var(--interactive-accent-hover);
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
border-color: var(--interactive-accent-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .search-result-file-match-replace-button {
|
|
|
|
background-color: var(--color-grey-base);
|
|
|
|
border-color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .search-result-file-match-replace-button:hover {
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
border-color: var(--interactive-accent-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) button.mod-cta {
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
border-color: var(--interactive-accent-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) button.mod-cta:hover {
|
|
|
|
color: var(--interactive-accent-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]) {
|
|
|
|
color: var(--text-normal);
|
|
|
|
background-color: var(--color-red-base);
|
|
|
|
border-color: var(--color-red-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(button.mod-warning, .side-dock-ribbon-action.is-active[aria-label="Start/stop recording"]):hover {
|
|
|
|
color: var(--color-red-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button) {
|
|
|
|
color: var(--text-normal);
|
|
|
|
background-color: var(--color-grey-base);
|
|
|
|
border-color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.pcr-button, .modal button:not(.mod-cta):not(.mod-warning), .graph-control-content button, .modal-setting-nav-bar .clickable-icon, .document-search-button):hover {
|
|
|
|
color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .setting-command-hotkeys .setting-hotkey {
|
|
|
|
color: var(--text-normal);
|
|
|
|
background-color: var(--color-blue-base);
|
|
|
|
border-color: var(--color-blue-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .setting-command-hotkeys .setting-hotkey.mod-empty {
|
|
|
|
background-color: var(--color-grey-base);
|
|
|
|
border-color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) .setting-command-hotkeys .setting-hotkey.has-conflict {
|
|
|
|
background-color: var(--color-red-base);
|
|
|
|
border-color: var(--color-red-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.flair.mod-pop, .community-item .flair) {
|
|
|
|
color: var(--text-normal);
|
|
|
|
background-color: var(--color-green-base);
|
|
|
|
border-color: var(--color-green-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) button.copy-code-button {
|
|
|
|
color: var(--text-normal);
|
|
|
|
background-color: var(--color-grey-base);
|
|
|
|
border-color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) button.copy-code-button:hover {
|
|
|
|
color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left) {
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
border-color: var(--interactive-accent-tint);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-accent-style-borderandfilled-dt, .theme-light.pt-accent-style-borderandfilled-lt) :is(.workspace.is-right-sidedock-open .sidebar-toggle-button.mod-right, .workspace.is-left-sidedock-open .sidebar-toggle-button.mod-left):hover {
|
|
|
|
color: var(--interactive-accent-hover);
|
|
|
|
}
|
|
|
|
.theme-light .workspace-split.mod-root .view-content {
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
}
|
|
|
|
.theme-dark .workspace-split.mod-root .view-content {
|
|
|
|
background-color: var(--background-secondary-alt);
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
.show-view-header .workspace-leaf-content[data-type=image] .view-content {
|
|
|
|
padding-top: calc(var(--header-height) + var(--size-4-4));
|
|
|
|
}
|
|
|
|
.show-view-header .workspace-leaf-content[data-type=pdf] .view-content {
|
|
|
|
padding-top: var(--header-height);
|
|
|
|
}
|
2022-10-22 18:59:09 +08:00
|
|
|
p {
|
|
|
|
margin-block-start: 0.5em;
|
|
|
|
margin-block-end: 0.5em;
|
|
|
|
}
|
|
|
|
.theme-light :is(em strong, .cm-em.cm-strong) {
|
|
|
|
color: var(--text-italic-bold-color-lt);
|
|
|
|
}
|
|
|
|
.theme-dark :is(em strong, .cm-em.cm-strong) {
|
|
|
|
color: var(--text-italic-bold-color-dt);
|
|
|
|
}
|
|
|
|
:is(.cm-inline-code, .cm-math) {
|
|
|
|
padding: 0 var(--size-4-1);
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
:is(.HyperMD-codeblock.HyperMD-codeblock-begin, .cm-s-obsidian div.HyperMD-codeblock-begin-bg) {
|
|
|
|
border-top: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.cm-s-obsidian div.HyperMD-codeblock {
|
|
|
|
border-right: 1px solid var(--window-border);
|
|
|
|
border-left: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
:is(.HyperMD-codeblock.HyperMD-codeblock-end, .cm-s-obsidian div.HyperMD-codeblock-end-bg) {
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.cm-s-obsidian .cm-hashtag {
|
|
|
|
font-family: var(--font-text);
|
|
|
|
font-weight: 600;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
.cm-line .cm-hashtag-begin {
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border: 2px solid var(--window-border);
|
|
|
|
border-right: unset;
|
|
|
|
border-top-left-radius: var(--radius-s);
|
|
|
|
border-bottom-left-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
.cm-line .cm-hashtag-end {
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border: 2px solid var(--window-border);
|
|
|
|
border-left: unset;
|
|
|
|
border-top-right-radius: var(--radius-s);
|
|
|
|
border-bottom-right-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
.cm-line .cm-hashtag.cm-meta:not(.cm-hashtag-begin, .cm-hashtag-end) {
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border: 2px solid var(--window-border);
|
|
|
|
border-right: unset;
|
|
|
|
border-left: unset;
|
|
|
|
}
|
|
|
|
.cm-s-obsidian span.cm-hmd-escape-backslash {
|
|
|
|
color: var(--color-red-text);
|
|
|
|
}
|
|
|
|
:is(code[class*=language-], pre[class*=language-]) {
|
|
|
|
line-height: var(--line-height-tight);
|
|
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6 .cm-embed-block pre {
|
|
|
|
margin: 1em 0;
|
|
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6 .cm-indent::before {
|
|
|
|
transform: translateX(0.4em);
|
|
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6 :is(.cm-formatting-list-ul, .cm-formatting-list-ol) {
|
|
|
|
padding-right: 0.3em;
|
|
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6 .cm-foldPlaceholder {
|
|
|
|
color: var(--interactive-accent-text);
|
|
|
|
}
|
|
|
|
input[type=checkbox] {
|
|
|
|
border-width: 2px;
|
|
|
|
}
|
|
|
|
input[type=checkbox]:checked {
|
|
|
|
border-color: var(--interactive-accent-tint);
|
|
|
|
}
|
|
|
|
input[type=checkbox]:checked::after {
|
|
|
|
top: -2px;
|
|
|
|
left: -2px;
|
|
|
|
}
|
|
|
|
a.tag {
|
|
|
|
font-weight: 600;
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border-color: var(--window-border);
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
a.tag:hover {
|
|
|
|
color: var(--interactive-accent-text);
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
border-color: var(--interactive-accent-tint);
|
|
|
|
transition: all ease 200ms;
|
|
|
|
}
|
|
|
|
:is(.markdown-preview-view, .markdown-rendered) :is(code, kbd) {
|
|
|
|
padding: 0 var(--size-4-1);
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
.code-block-flair {
|
|
|
|
font-weight: 600;
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
.theme-light .code-block-flair {
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
}
|
|
|
|
.theme-dark .code-block-flair {
|
|
|
|
background-color: var(--background-secondary-alt);
|
|
|
|
}
|
2022-10-22 18:59:09 +08:00
|
|
|
:is(.markdown-source-view.mod-cm6.is-live-preview .cm-content .HyperMD-quote, .markdown-rendered blockquote) {
|
|
|
|
padding: var(--size-4-2) var(--size-4-4);
|
2022-10-25 20:43:45 +08:00
|
|
|
border-top: 1px solid var(--blockquote-border-color);
|
|
|
|
border-right: 1px solid var(--blockquote-border-color);
|
|
|
|
border-bottom: 1px solid var(--blockquote-border-color);
|
|
|
|
}
|
|
|
|
.markdown-source-view.mod-cm6.is-live-preview .cm-content .HyperMD-quote {
|
|
|
|
padding-left: var(--size-4-6) !important;
|
2022-10-22 18:59:09 +08:00
|
|
|
}
|
|
|
|
:is(.theme-light.pt-highlight-text-color-lt, .theme-dark.pt-highlight-text-color-dt) span.cm-link {
|
|
|
|
color: var(--link-external-color);
|
|
|
|
}
|
|
|
|
:is(.theme-light.pt-highlight-text-color-lt, .theme-dark.pt-highlight-text-color-dt) span.cm-hmd-internal-link {
|
|
|
|
color: var(--link-color);
|
|
|
|
}
|
|
|
|
.theme-light .markdown-rendered mark .internal-link {
|
|
|
|
color: var(--link-internal-color-lt);
|
|
|
|
}
|
|
|
|
.theme-dark .markdown-rendered mark .internal-link {
|
|
|
|
color: var(--link-internal-color-dt);
|
|
|
|
}
|
|
|
|
.markdown-rendered pre {
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.markdown-rendered :is(h1, h2, h3, h4, h5, h6) {
|
|
|
|
margin: 0;
|
|
|
|
}
|
|
|
|
.markdown-rendered.show-indentation-guide :is(li > ul::before, li > ol::before) {
|
|
|
|
left: -13px;
|
|
|
|
}
|
|
|
|
.callout {
|
|
|
|
background-color: unset;
|
|
|
|
}
|
|
|
|
.callout .callout-title {
|
|
|
|
position: relative;
|
|
|
|
z-index: 5;
|
|
|
|
gap: unset;
|
|
|
|
align-items: center;
|
|
|
|
min-height: 36px;
|
|
|
|
border: 2px solid;
|
|
|
|
border-radius: var(--radius-m);
|
|
|
|
}
|
|
|
|
.callout .callout-title-inner {
|
|
|
|
padding: var(--size-4-1) 0;
|
2022-10-25 20:43:45 +08:00
|
|
|
margin: 0 var(--size-4-1);
|
2022-10-22 18:59:09 +08:00
|
|
|
}
|
|
|
|
.callout .callout-icon {
|
|
|
|
margin: 0 var(--size-4-1) 0 var(--size-4-2);
|
|
|
|
border-radius: var(--radius-m);
|
|
|
|
}
|
|
|
|
.callout .callout-fold {
|
|
|
|
display: flex;
|
|
|
|
align-self: center;
|
|
|
|
margin-left: auto;
|
|
|
|
}
|
|
|
|
.callout .callout-content {
|
|
|
|
padding: var(--size-4-5) var(--size-4-3) var(--size-4-1) var(--size-4-3);
|
|
|
|
margin-top: -16px;
|
|
|
|
border-right: 1px solid;
|
|
|
|
border-bottom: 1px solid;
|
|
|
|
border-left: 1px solid;
|
|
|
|
border-bottom-right-radius: var(--radius-m);
|
|
|
|
border-bottom-left-radius: var(--radius-m);
|
|
|
|
}
|
|
|
|
.callout[data-callout=note] .callout-title {
|
|
|
|
color: var(--color-grey-text);
|
|
|
|
background-color: var(--color-grey-base);
|
|
|
|
border-color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
.callout[data-callout=note] .callout-icon .svg-icon {
|
|
|
|
color: var(--color-grey-text);
|
|
|
|
}
|
|
|
|
.callout[data-callout=note] .callout-content {
|
|
|
|
background-color: hsla(var(--color-grey-base-hsl)/var(--callout-background-alpha));
|
|
|
|
border-color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=abstract], .callout[data-callout=summary], .callout[data-callout=tldr]) .callout-title {
|
|
|
|
color: var(--color-cyan-text);
|
|
|
|
background-color: var(--color-cyan-base);
|
|
|
|
border-color: var(--color-cyan-tint);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=abstract], .callout[data-callout=summary], .callout[data-callout=tldr]) .callout-icon .svg-icon {
|
|
|
|
color: var(--color-cyan-text);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=abstract], .callout[data-callout=summary], .callout[data-callout=tldr]) .callout-content {
|
|
|
|
background-color: hsla(var(--color-cyan-base-hsl)/var(--callout-background-alpha));
|
|
|
|
border-color: var(--color-cyan-tint);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=info], .callout[data-callout=todo]) .callout-title {
|
|
|
|
color: var(--color-blue-text);
|
|
|
|
background-color: var(--color-blue-base);
|
|
|
|
border-color: var(--color-blue-tint);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=info], .callout[data-callout=todo]) .callout-icon .svg-icon {
|
|
|
|
color: var(--color-blue-text);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=info], .callout[data-callout=todo]) .callout-content {
|
|
|
|
background-color: hsla(var(--color-blue-base-hsl)/var(--callout-background-alpha));
|
|
|
|
border-color: var(--color-blue-tint);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=tip], .callout[data-callout=hint], .callout[data-callout=important]) .callout-title {
|
|
|
|
color: var(--color-mint-text);
|
|
|
|
background-color: var(--color-mint-base);
|
|
|
|
border-color: var(--color-mint-tint);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=tip], .callout[data-callout=hint], .callout[data-callout=important]) .callout-icon .svg-icon {
|
|
|
|
color: var(--color-mint-text);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=tip], .callout[data-callout=hint], .callout[data-callout=important]) .callout-content {
|
|
|
|
background-color: hsla(var(--color-mint-base-hsl)/var(--callout-background-alpha));
|
|
|
|
border-color: var(--color-mint-tint);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=success], .callout[data-callout=check], .callout[data-callout=done]) .callout-title {
|
|
|
|
color: var(--color-green-text);
|
|
|
|
background-color: var(--color-green-base);
|
|
|
|
border-color: var(--color-green-tint);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=success], .callout[data-callout=check], .callout[data-callout=done]) .callout-icon .svg-icon {
|
|
|
|
color: var(--color-green-text);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=success], .callout[data-callout=check], .callout[data-callout=done]) .callout-content {
|
|
|
|
background-color: hsla(var(--color-green-base-hsl)/var(--callout-background-alpha));
|
|
|
|
border-color: var(--color-green-tint);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=question], .callout[data-callout=help], .callout[data-callout=faq]) .callout-title {
|
|
|
|
color: var(--color-yellow-text);
|
|
|
|
background-color: var(--color-yellow-base);
|
|
|
|
border-color: var(--color-yellow-tint);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=question], .callout[data-callout=help], .callout[data-callout=faq]) .callout-icon .svg-icon {
|
|
|
|
color: var(--color-yellow-text);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=question], .callout[data-callout=help], .callout[data-callout=faq]) .callout-content {
|
|
|
|
background-color: hsla(var(--color-yellow-base-hsl)/var(--callout-background-alpha));
|
|
|
|
border-color: var(--color-yellow-tint);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=warning], .callout[data-callout=caution], .callout[data-callout=attention]) .callout-title {
|
|
|
|
color: var(--color-orange-text);
|
|
|
|
background-color: var(--color-orange-base);
|
|
|
|
border-color: var(--color-orange-tint);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=warning], .callout[data-callout=caution], .callout[data-callout=attention]) .callout-icon .svg-icon {
|
|
|
|
color: var(--color-orange-text);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=warning], .callout[data-callout=caution], .callout[data-callout=attention]) .callout-content {
|
|
|
|
background-color: hsla(var(--color-orange-base-hsl)/var(--callout-background-alpha));
|
|
|
|
border-color: var(--color-orange-tint);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=failure], .callout[data-callout=fail], .callout[data-callout=missing]) .callout-title {
|
|
|
|
color: var(--color-red-text);
|
|
|
|
background-color: var(--color-red-base);
|
|
|
|
border-color: var(--color-red-tint);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=failure], .callout[data-callout=fail], .callout[data-callout=missing]) .callout-icon .svg-icon {
|
|
|
|
color: var(--color-red-text);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=failure], .callout[data-callout=fail], .callout[data-callout=missing]) .callout-content {
|
|
|
|
background-color: hsla(var(--color-red-base-hsl)/var(--callout-background-alpha));
|
|
|
|
border-color: var(--color-red-tint);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=danger], .callout[data-callout=error]) .callout-title {
|
|
|
|
color: var(--color-red-text);
|
|
|
|
background-color: var(--color-red-base);
|
|
|
|
border-color: var(--color-red-tint);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=danger], .callout[data-callout=error]) .callout-icon .svg-icon {
|
|
|
|
color: var(--color-red-text);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=danger], .callout[data-callout=error]) .callout-content {
|
|
|
|
background-color: hsla(var(--color-red-base-hsl)/var(--callout-background-alpha));
|
|
|
|
border-color: var(--color-red-tint);
|
|
|
|
}
|
|
|
|
.callout[data-callout=bug] .callout-title {
|
|
|
|
color: var(--color-pink-text);
|
|
|
|
background-color: var(--color-pink-base);
|
|
|
|
border-color: var(--color-pink-tint);
|
|
|
|
}
|
|
|
|
.callout[data-callout=bug] .callout-icon .svg-icon {
|
|
|
|
color: var(--color-pink-text);
|
|
|
|
}
|
|
|
|
.callout[data-callout=bug] .callout-content {
|
|
|
|
background-color: hsla(var(--color-pink-base-hsl)/var(--callout-background-alpha));
|
|
|
|
border-color: var(--color-pink-tint);
|
|
|
|
}
|
|
|
|
.callout[data-callout=example] .callout-title {
|
|
|
|
color: var(--color-purple-text);
|
|
|
|
background-color: var(--color-purple-base);
|
|
|
|
border-color: var(--color-purple-tint);
|
|
|
|
}
|
|
|
|
.callout[data-callout=example] .callout-icon .svg-icon {
|
|
|
|
color: var(--color-purple-text);
|
|
|
|
}
|
|
|
|
.callout[data-callout=example] .callout-content {
|
|
|
|
background-color: hsla(var(--color-purple-base-hsl)/var(--callout-background-alpha));
|
|
|
|
border-color: var(--color-purple-tint);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=quote], .callout[data-callout=cite]) .callout-title {
|
|
|
|
color: var(--color-grey-text);
|
|
|
|
background-color: var(--color-grey-base);
|
|
|
|
border-color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=quote], .callout[data-callout=cite]) .callout-icon .svg-icon {
|
|
|
|
color: var(--color-grey-text);
|
|
|
|
}
|
|
|
|
:is(.callout[data-callout=quote], .callout[data-callout=cite]) .callout-content {
|
|
|
|
background-color: hsla(var(--color-grey-base-hsl)/var(--callout-background-alpha));
|
|
|
|
border-color: var(--color-grey-tint);
|
|
|
|
}
|
|
|
|
:is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress) {
|
|
|
|
height: 15px;
|
|
|
|
vertical-align: middle;
|
|
|
|
}
|
|
|
|
:is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)::before {
|
|
|
|
position: fixed;
|
|
|
|
width: inherit;
|
|
|
|
height: inherit;
|
|
|
|
font-family: var(--font-editor);
|
|
|
|
font-family: var(--font-text);
|
|
|
|
font-size: 10px;
|
|
|
|
font-weight: 700;
|
|
|
|
text-align: center;
|
|
|
|
content: attr(value) " %";
|
|
|
|
}
|
|
|
|
.theme-light :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)::before {
|
|
|
|
text-shadow:
|
|
|
|
-1px -1px 0 hsla(0deg, 0%, 100%, 0.5),
|
|
|
|
1px -1px 0 hsla(0deg, 0%, 100%, 0.5),
|
|
|
|
-1px 1px 0 hsla(0deg, 0%, 100%, 0.5),
|
|
|
|
1px 1px 0 hsla(0deg, 0%, 100%, 0.5);
|
|
|
|
}
|
|
|
|
.theme-dark :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)::before {
|
|
|
|
text-shadow:
|
|
|
|
-1px -1px 0 hsla(0deg, 0%, 0%, 0.5),
|
|
|
|
1px -1px 0 hsla(0deg, 0%, 0%, 0.5),
|
|
|
|
-1px 1px 0 hsla(0deg, 0%, 0%, 0.5),
|
|
|
|
1px 1px 0 hsla(0deg, 0%, 0%, 0.5);
|
|
|
|
}
|
|
|
|
:is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)::-webkit-progress-bar {
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
.theme-light :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)::-webkit-progress-bar {
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
}
|
|
|
|
.theme-dark :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)::-webkit-progress-bar {
|
|
|
|
background-color: var(--background-secondary-alt);
|
|
|
|
}
|
|
|
|
:is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)::-webkit-progress-value {
|
|
|
|
border: 1px solid;
|
|
|
|
border-color: transparent;
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
:is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="0"]::-webkit-progress-value {
|
|
|
|
border: unset;
|
|
|
|
}
|
|
|
|
:is(:is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="0"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="1"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="2"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="3"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="4"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="5"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="6"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="7"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="8"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="9"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="10"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="11"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="12"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="13"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="14"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="15"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="16"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="17"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="18"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="19"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="20"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="21"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="22"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="23"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="24"])::-webkit-progress-value {
|
|
|
|
background-color: var(--color-red-base);
|
|
|
|
border-color: var(--color-red-tint);
|
|
|
|
}
|
|
|
|
:is(:is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="25"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="26"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="27"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="28"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="29"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="30"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="31"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="32"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="33"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="34"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="35"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="36"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="37"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="38"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="39"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="40"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="41"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="42"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="43"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="44"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="45"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="46"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="47"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="48"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="49"])::-webkit-progress-value {
|
|
|
|
background-color: var(--color-orange-base);
|
|
|
|
border-color: var(--color-orange-tint);
|
|
|
|
}
|
|
|
|
:is(:is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="50"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="51"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="52"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="53"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="54"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="55"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="56"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="57"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="58"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="59"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="60"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="61"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="62"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="63"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="64"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="65"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="66"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="67"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="68"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="69"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="70"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="71"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="72"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="73"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="74"])::-webkit-progress-value {
|
|
|
|
background-color: var(--color-yellow-base);
|
|
|
|
border-color: var(--color-yellow-tint);
|
|
|
|
}
|
|
|
|
:is(:is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="75"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="76"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="77"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="78"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="79"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="80"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="81"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="82"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="83"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="84"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="85"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="86"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="87"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="88"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="89"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="90"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="91"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="92"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="93"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="94"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="95"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="96"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="97"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="98"], :is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="99"])::-webkit-progress-value {
|
|
|
|
background-color: var(--color-green-base);
|
|
|
|
border-color: var(--color-green-tint);
|
|
|
|
}
|
|
|
|
:is(.markdown-rendered progress, .markdown-source-view.is-live-preview progress)[value="100"]::-webkit-progress-value {
|
|
|
|
background-color: var(--color-blue-base);
|
|
|
|
border-color: var(--color-blue-tint);
|
|
|
|
}
|
|
|
|
.theme-light.pt-color-scheme-swan-lt audio {
|
|
|
|
filter: brightness(100%) contrast(115%);
|
|
|
|
}
|
|
|
|
.theme-light.pt-color-scheme-latte-lt audio {
|
|
|
|
filter: invert(-94%) sepia(4%) saturate(828%) hue-rotate(320deg) brightness(107%) contrast(93%);
|
|
|
|
}
|
|
|
|
.theme-light.pt-color-scheme-periwinkle-lt audio {
|
|
|
|
filter: invert(-98%) sepia(1%) saturate(3004%) hue-rotate(187deg) brightness(96%) contrast(101%);
|
|
|
|
}
|
|
|
|
.theme-light.pt-color-scheme-pistachio-lt audio {
|
|
|
|
filter: invert(-96%) sepia(4%) saturate(313%) hue-rotate(80deg) brightness(103%) contrast(94%);
|
|
|
|
}
|
|
|
|
.theme-dark.pt-color-scheme-mocha-dt audio {
|
|
|
|
filter: sepia(10%) saturate(115%);
|
|
|
|
}
|
|
|
|
.theme-dark.pt-color-scheme-indigo-dt audio {
|
|
|
|
filter: invert(-10%) sepia(10%) saturate(2635%) hue-rotate(205deg) brightness(94%) contrast(97%);
|
|
|
|
}
|
|
|
|
.theme-dark.pt-color-scheme-pine-dt audio {
|
|
|
|
filter: invert(-11%) sepia(15%) saturate(1727%) hue-rotate(82deg) brightness(91%) contrast(91%);
|
|
|
|
}
|
|
|
|
.modal-container .prompt {
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.modal-container .prompt .prompt-results {
|
|
|
|
padding: var(--size-4-2);
|
|
|
|
}
|
|
|
|
.theme-light .modal-container .prompt .prompt-results {
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
}
|
|
|
|
.theme-dark .modal-container .prompt .prompt-results {
|
|
|
|
background-color: var(--background-secondary-alt);
|
|
|
|
}
|
|
|
|
.modal-container .prompt .prompt-results::-webkit-scrollbar-track {
|
|
|
|
margin-left: 1px solid var(--window-border);
|
|
|
|
border-radius: unset;
|
|
|
|
}
|
|
|
|
.theme-light .modal-container .prompt .prompt-results::-webkit-scrollbar-track {
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
}
|
|
|
|
.theme-dark .modal-container .prompt .prompt-results::-webkit-scrollbar-track {
|
|
|
|
background-color: var(--background-secondary-alt);
|
|
|
|
}
|
|
|
|
.modal-container .prompt .prompt-instructions {
|
|
|
|
padding: var(--size-2-1) var(--size-4-2);
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border-top: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.modal-container .prompt .suggestion-item.mod-complex .suggestion-hotkey {
|
|
|
|
font-weight: 600;
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
.prompt-input-container {
|
|
|
|
padding: var(--size-4-2);
|
|
|
|
margin: unset;
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
input.prompt-input {
|
|
|
|
height: 40px;
|
|
|
|
padding: 0 var(--size-4-4);
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
input.prompt-input:hover,
|
|
|
|
input.prompt-input:focus,
|
|
|
|
input.prompt-input:focus-visible {
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.suggestion-container {
|
|
|
|
max-width: 700px;
|
|
|
|
background-color: var(--background-secondary-blur);
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
box-shadow: var(--shadow-l);
|
|
|
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
}
|
|
|
|
.suggestion-container .suggestion {
|
|
|
|
padding: var(--size-4-2);
|
|
|
|
}
|
|
|
|
.suggestion-container .suggestion::-webkit-scrollbar-track {
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
box-shadow: var(--shadow-s);
|
|
|
|
}
|
|
|
|
.theme-light .suggestion-container .suggestion::-webkit-scrollbar-track {
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
}
|
|
|
|
.theme-dark .suggestion-container .suggestion::-webkit-scrollbar-track {
|
|
|
|
background-color: var(--background-secondary-alt);
|
|
|
|
}
|
|
|
|
.suggestion-container .suggestion-item {
|
|
|
|
padding: var(--size-4-2);
|
|
|
|
}
|
|
|
|
.suggestion-item.mod-complex {
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
.suggestion-item.mod-complex .suggestion-content {
|
|
|
|
overflow: visible;
|
|
|
|
}
|
|
|
|
.suggestion-prefix {
|
|
|
|
padding: 0 var(--size-4-1);
|
|
|
|
margin-right: var(--size-4-2);
|
|
|
|
font-size: 0.9em;
|
|
|
|
font-weight: 600;
|
|
|
|
color: var(--interactive-accent-text);
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
.suggestion-prefix::after {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=file-explorer] .nav-files-container {
|
|
|
|
padding-top: unset;
|
|
|
|
padding-right: unset;
|
|
|
|
padding-left: unset;
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=file-explorer] .nav-folder.mod-root > .nav-folder-children {
|
|
|
|
padding: var(--size-4-1);
|
|
|
|
}
|
|
|
|
.nav-folder.mod-root .nav-folder > .nav-folder-children {
|
|
|
|
padding-left: var(--size-4-1);
|
|
|
|
margin: var(--size-4-1) 0 var(--size-4-1) 10px;
|
|
|
|
border-left: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.nav-folder.mod-root .nav-folder > .nav-folder-title {
|
|
|
|
padding-left: var(--size-4-1);
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
.nav-file-tag {
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
}
|
2022-10-22 18:59:09 +08:00
|
|
|
:is(.nav-file:not(.mod-root), .nav-folder:not(.mod-root) > .nav-folder-children > .nav-folder) {
|
|
|
|
margin-left: var(--file-explorer-left-margin);
|
|
|
|
}
|
|
|
|
:is(.nav-file-title, .nav-folder-title) {
|
2022-10-25 20:43:45 +08:00
|
|
|
min-height: 23px;
|
2022-10-22 18:59:09 +08:00
|
|
|
padding: 1px var(--size-4-2);
|
|
|
|
border: 2px solid transparent;
|
|
|
|
}
|
|
|
|
:is(.nav-file-title, .nav-folder-title).is-being-dragged-over {
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
border: 2px solid var(--interactive-accent-tint);
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
.nav-folder:not(.is-collapsed) > .nav-folder-title {
|
|
|
|
color: var(--text-normal);
|
|
|
|
}
|
|
|
|
body:not(.is-grabbing) .nav-folder-title:hover .collapse-icon svg.svg-icon {
|
|
|
|
color: var(--nav-item-color-hover);
|
|
|
|
}
|
2022-10-22 18:59:09 +08:00
|
|
|
.workspace-leaf.mod-active .nav-folder.has-focus > .nav-folder-title {
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
border: var(--accent-border-width) solid transparent;
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
.workspace-leaf.mod-active .nav-file.has-focus {
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
border: unset;
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
body:not(.is-grabbing) .nav-file-title.is-being-dragged,
|
|
|
|
body:not(.is-grabbing) .nav-folder-title.is-being-dragged,
|
|
|
|
.nav-file-title.is-being-dragged,
|
|
|
|
.nav-folder-title.is-being-dragged {
|
|
|
|
color: var(--highlight-text-normal);
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
}
|
|
|
|
:is(.graph-controls-button.mod-close, .graph-controls-button.mod-reset) {
|
|
|
|
top: var(--size-4-2);
|
|
|
|
}
|
|
|
|
.theme-light :is(.workspace-leaf-content[data-type=graph] .view-content, .workspace-leaf-content[data-type=localgraph] .view-content) {
|
|
|
|
background-color: var(--page-background-color);
|
|
|
|
}
|
|
|
|
.theme-dark :is(.workspace-leaf-content[data-type=graph] .view-content, .workspace-leaf-content[data-type=localgraph] .view-content) {
|
|
|
|
background-color: var(--background-secondary-alt);
|
|
|
|
}
|
|
|
|
.graph-controls {
|
|
|
|
background: var(--background-secondary-blur);
|
|
|
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
}
|
|
|
|
.graph-controls.is-close {
|
|
|
|
padding: var(--size-4-1);
|
|
|
|
background: var(--background-secondary-blur);
|
|
|
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
border: 1px solid var(--background-modifier-border);
|
|
|
|
}
|
|
|
|
.graph-controls :not(.is-close) {
|
|
|
|
max-height: calc(100% - 25px);
|
|
|
|
}
|
|
|
|
.show-view-header .workspace-split.mod-root .graph-controls {
|
|
|
|
top: calc(var(--header-height) + var(--size-4-3));
|
|
|
|
}
|
|
|
|
.show-view-header .workspace-split.mod-root .graph-controls:not(.is-close) {
|
|
|
|
max-height: calc(100% - var(--header-height) - 25px);
|
|
|
|
}
|
|
|
|
.graph-control-section {
|
|
|
|
padding: var(--size-4-2);
|
|
|
|
}
|
|
|
|
.graph-control-section:last-child .tree-item-children {
|
|
|
|
padding-bottom: var(--size-4-2);
|
|
|
|
}
|
|
|
|
.graph-control-section .tree-item-children {
|
|
|
|
padding: var(--size-4-1) 0;
|
|
|
|
}
|
|
|
|
.graph-control-section .setting-item:not(.mod-search-setting) {
|
|
|
|
padding: var(--size-2-3) var(--size-4-2);
|
|
|
|
}
|
|
|
|
:is(.graph-view.color-fill-unresolved, .graph-view.color-arrow) {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
.theme-light .graph-view.color-line {
|
|
|
|
color: var(--graph-line-color-lt);
|
|
|
|
}
|
|
|
|
.theme-light .graph-view.color-fill {
|
|
|
|
color: var(--graph-fill-color-lt);
|
|
|
|
}
|
|
|
|
.theme-light .graph-view.color-fill-focused {
|
|
|
|
color: var(--graph-fill-focused-color-lt);
|
|
|
|
}
|
|
|
|
.theme-light .graph-view.color-fill-tag {
|
|
|
|
color: var(--graph-tag-color-lt);
|
|
|
|
}
|
|
|
|
.theme-light .graph-view.color-fill-attachment {
|
|
|
|
color: var(--graph-attachment-color-lt);
|
|
|
|
}
|
|
|
|
.theme-light .graph-view.color-fill-unresolved {
|
|
|
|
color: var(--graph-unresolved-color-lt);
|
|
|
|
}
|
|
|
|
.theme-light .graph-view.color-fill-highlight {
|
|
|
|
color: var(--graph-highlight-color-lt);
|
|
|
|
}
|
|
|
|
.theme-light .graph-view.color-line-highlight {
|
|
|
|
color: var(--graph-highlight-line-color-lt);
|
|
|
|
}
|
|
|
|
.theme-dark .graph-view.color-line {
|
|
|
|
color: var(--graph-line-color-dt);
|
|
|
|
}
|
|
|
|
.theme-dark .graph-view.color-fill {
|
|
|
|
color: var(--graph-fill-color-dt);
|
|
|
|
}
|
|
|
|
.theme-dark .graph-view.color-fill-focused {
|
|
|
|
color: var(--graph-fill-focused-color-dt);
|
|
|
|
}
|
|
|
|
.theme-dark .graph-view.color-fill-tag {
|
|
|
|
color: var(--graph-tag-color-dt);
|
|
|
|
}
|
|
|
|
.theme-dark .graph-view.color-fill-attachment {
|
|
|
|
color: var(--graph-attachment-color-dt);
|
|
|
|
}
|
|
|
|
.theme-dark .graph-view.color-fill-unresolved {
|
|
|
|
color: var(--graph-unresolved-color-dt);
|
|
|
|
}
|
|
|
|
.theme-dark .graph-view.color-fill-highlight {
|
|
|
|
color: var(--graph-highlight-color-dt);
|
|
|
|
}
|
|
|
|
.theme-dark .graph-view.color-line-highlight {
|
|
|
|
color: var(--graph-highlight-line-color-dt);
|
|
|
|
}
|
|
|
|
.outline {
|
|
|
|
padding: var(--size-4-1);
|
|
|
|
}
|
|
|
|
.tree-item > .tree-item-children .tree-item {
|
|
|
|
margin-left: var(--file-explorer-left-margin);
|
|
|
|
}
|
|
|
|
.nav-header ~ .search-input-container {
|
|
|
|
width: 100%;
|
|
|
|
height: var(--header-height);
|
|
|
|
margin: unset;
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.search-input-container input {
|
|
|
|
width: -webkit-fill-available;
|
|
|
|
width: fill-available;
|
|
|
|
margin: var(--size-4-1);
|
|
|
|
}
|
|
|
|
.search-result-container {
|
|
|
|
padding: var(--size-4-1);
|
|
|
|
}
|
|
|
|
.search-result-file-matched-text {
|
|
|
|
padding: 0 4px;
|
|
|
|
font-weight: 600;
|
|
|
|
color: var(--interactive-accent-text);
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
}
|
|
|
|
.search-result {
|
|
|
|
margin-bottom: var(--size-4-1);
|
|
|
|
}
|
|
|
|
.search-result-file-matches {
|
|
|
|
margin: var(--size-4-2);
|
|
|
|
}
|
|
|
|
.theme-dark .search-result-file-matches {
|
|
|
|
background-color: var(--background-secondary-alt);
|
|
|
|
}
|
|
|
|
.search-result-hover-button {
|
|
|
|
padding: var(--size-2-1);
|
|
|
|
}
|
|
|
|
.search-result-hover-button svg.svg-icon {
|
|
|
|
width: 14px;
|
|
|
|
height: 14px;
|
|
|
|
}
|
|
|
|
.internal-query .search-result-container {
|
|
|
|
padding: var(--size-4-2) var(--size-4-1);
|
2022-10-25 20:43:45 +08:00
|
|
|
background-color: unset;
|
|
|
|
border-radius: unset;
|
2022-10-22 18:59:09 +08:00
|
|
|
}
|
|
|
|
.search-input-container::before {
|
|
|
|
top: calc((var(--input-height) - var(--search-icon-size) + var(--size-4-2)) / 2);
|
|
|
|
left: var(--size-4-3);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=starred] .item-list {
|
|
|
|
padding-top: var(--size-4-1);
|
|
|
|
padding-right: var(--size-4-1);
|
|
|
|
padding-left: var(--size-4-1);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=starred] .item-list::after {
|
|
|
|
height: calc(38px + 2 * var(--scroll-bar-size));
|
|
|
|
content: "";
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=starred] .item-list .nav-file {
|
|
|
|
margin-left: unset;
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=starred] .item-list .nav-file .nav-file-title {
|
|
|
|
padding-left: var(--size-4-1);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=starred] .nav-file-icon {
|
|
|
|
padding-right: var(--size-4-2);
|
|
|
|
margin: unset;
|
|
|
|
}
|
|
|
|
.tag-container {
|
|
|
|
padding: var(--size-4-1);
|
|
|
|
}
|
|
|
|
.tag-container > div > .tree-item > .tree-item-children .tree-item {
|
|
|
|
margin-left: var(--file-explorer-left-margin);
|
|
|
|
}
|
|
|
|
.tag-container .tree-item-children > div:first-child {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.tree-item .tree-item-self {
|
|
|
|
align-items: center;
|
|
|
|
width: 100%;
|
|
|
|
padding: 1px var(--size-4-1) 1px var(--size-4-2);
|
|
|
|
border: 2px solid transparent;
|
|
|
|
}
|
|
|
|
.tree-item-self {
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
.tree-item-flair {
|
|
|
|
padding: 1px 2px;
|
|
|
|
}
|
|
|
|
.tree-item-self .tree-item-icon {
|
|
|
|
width: 16px;
|
|
|
|
padding-inline-end: unset;
|
|
|
|
}
|
|
|
|
.tree-item-children {
|
|
|
|
padding-left: var(--size-4-1);
|
|
|
|
margin: var(--size-4-1) 0 var(--size-4-1) 10px;
|
|
|
|
border-left: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.tree-item-children:empty {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
:is(.backlink-pane, .outgoing-link-pane) {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
:is(.backlink-pane, .outgoing-link-pane) > .search-result-container {
|
|
|
|
padding: var(--size-4-1);
|
|
|
|
}
|
|
|
|
:is(.backlink-pane, .outgoing-link-pane) .search-result-container .search-result-container {
|
|
|
|
padding: unset;
|
|
|
|
margin: var(--size-4-1) var(--size-4-1) var(--size-4-2) var(--size-4-5);
|
|
|
|
}
|
|
|
|
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self {
|
|
|
|
padding: var(--size-4-1) var(--size-4-2);
|
|
|
|
margin-bottom: -1px;
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border-radius: unset;
|
|
|
|
}
|
|
|
|
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self:first-child {
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self:nth-last-child(2) {
|
|
|
|
border-top: 1px solid var(--window-border);
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self .collapse-icon {
|
|
|
|
display: block;
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self.is-collapsed:hover,
|
|
|
|
:is(.backlink-pane, .outgoing-link-pane) > .tree-item-self:hover .collapse-icon svg.svg-icon {
|
|
|
|
color: var(--highlight-text-normal);
|
|
|
|
}
|
|
|
|
.tree-item-self.is-clickable:hover svg {
|
|
|
|
color: var(--nav-item-color-hover);
|
|
|
|
}
|
2022-10-22 18:59:09 +08:00
|
|
|
.embedded-backlinks .nav-header {
|
|
|
|
height: unset;
|
|
|
|
margin-top: var(--size-4-4);
|
|
|
|
margin-right: var(--size-4-3);
|
|
|
|
background-color: unset;
|
|
|
|
border-bottom: unset;
|
|
|
|
}
|
|
|
|
.embedded-backlinks .backlink-pane {
|
|
|
|
padding: var(--size-4-5) var(--size-4-2);
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
border-radius: var(--radius-m);
|
|
|
|
}
|
|
|
|
.embedded-backlinks .nav-buttons-container {
|
|
|
|
padding: var(--size-4-1);
|
|
|
|
pointer-events: auto;
|
|
|
|
background: var(--background-secondary-blur);
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
border-radius: var(--radius-m);
|
|
|
|
}
|
|
|
|
.outgoing-link-pane .tree-item-self .tree-item-icon {
|
|
|
|
margin-right: var(--size-4-2);
|
|
|
|
}
|
|
|
|
.pt-custom-vault-banner .nav-folder-title[data-path="/"] {
|
|
|
|
align-items: center;
|
|
|
|
min-width: -webkit-fill-available;
|
|
|
|
min-width: fill-available;
|
|
|
|
height: var(--header-height);
|
|
|
|
padding: 0 10px;
|
|
|
|
margin-bottom: unset;
|
|
|
|
line-height: 16px;
|
|
|
|
overflow-wrap: break-word;
|
|
|
|
white-space: unset;
|
|
|
|
background: var(--background-secondary-blur);
|
|
|
|
border: unset;
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
border-radius: unset;
|
|
|
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
}
|
|
|
|
.pt-custom-vault-banner .nav-folder-title[data-path="/"]:hover {
|
|
|
|
color: var(--nav-item-color-hover);
|
|
|
|
background-color: var(--nav-item-background-hover);
|
|
|
|
}
|
|
|
|
.pt-custom-vault-banner .nav-folder-title[data-path="/"] .nav-folder-collapse-indicator {
|
|
|
|
display: block;
|
|
|
|
width: 28px;
|
|
|
|
height: 28px;
|
|
|
|
margin: 6px;
|
|
|
|
background-image: var(--custom-vault-banner-icon-url);
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-position: center;
|
|
|
|
background-size: contain;
|
|
|
|
border-radius: unset;
|
|
|
|
}
|
|
|
|
.pt-custom-vault-banner .nav-folder-title[data-path="/"] .nav-folder-title-content {
|
|
|
|
margin: 0 4px;
|
|
|
|
}
|
|
|
|
.pt-custom-vault-banner.pt-custom-vault-banner-justify-content-left .nav-folder-title[data-path="/"] {
|
|
|
|
justify-content: flex-start;
|
|
|
|
}
|
|
|
|
.pt-custom-vault-banner.pt-custom-vault-banner-justify-content-center .nav-folder-title[data-path="/"] {
|
|
|
|
justify-content: center;
|
|
|
|
}
|
|
|
|
.pt-custom-vault-banner.pt-custom-vault-banner-justify-content-right .nav-folder-title[data-path="/"] {
|
|
|
|
justify-content: flex-end;
|
|
|
|
}
|
|
|
|
.pt-custom-vault-banner.pt-custom-vault-banner-sticky .nav-folder-title[data-path="/"] {
|
|
|
|
position: sticky;
|
|
|
|
top: 0;
|
|
|
|
z-index: var(--layer-popover);
|
|
|
|
}
|
|
|
|
.pt-custom-vault-banner.pt-custom-vault-banner-order-ltr .nav-folder-title[data-path="/"] .nav-folder-collapse-indicator.collapse-icon {
|
|
|
|
order: 0;
|
|
|
|
}
|
|
|
|
.pt-custom-vault-banner.pt-custom-vault-banner-order-rtl .nav-folder-title[data-path="/"] .nav-folder-collapse-indicator.collapse-icon {
|
|
|
|
order: 1;
|
|
|
|
}
|
|
|
|
mark,
|
|
|
|
.cm-highlight {
|
|
|
|
--mark-highlight-base: var(--interactive-accent-base);
|
|
|
|
--mark-highlight-dark: var(--interactive-accent-tint);
|
|
|
|
--mark-highlight-text: var(--interactive-accent-text);
|
|
|
|
padding: 0 3px;
|
|
|
|
font-size: var(--font-smallest);
|
|
|
|
font-weight: 600;
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
-webkit-box-decoration-break: clone;
|
|
|
|
box-decoration-break: clone;
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-highlight-style-none-dt mark, .theme-light.pt-highlight-style-none-lt mark, .theme-dark.pt-highlight-style-none-dt .cm-highlight, .theme-light.pt-highlight-style-none-lt .cm-highlight) {
|
|
|
|
padding: 0;
|
|
|
|
font-size: 1em;
|
|
|
|
background-color: transparent;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-highlight-style-border-dt mark, .theme-light.pt-highlight-style-border-lt mark, .theme-dark.pt-highlight-style-border-dt .cm-highlight, .theme-light.pt-highlight-style-border-lt .cm-highlight) {
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
border: var(--accent-border-width) solid var(--mark-highlight-dark);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-highlight-style-filled-dt mark, .theme-light.pt-highlight-style-filled-lt mark, .theme-dark.pt-highlight-style-filled-dt .cm-highlight, .theme-light.pt-highlight-style-filled-lt .cm-highlight) {
|
|
|
|
background-color: var(--mark-highlight-base);
|
|
|
|
border: var(--accent-border-width) solid var(--mark-highlight-base);
|
|
|
|
}
|
|
|
|
:is(.theme-dark.pt-highlight-style-borderandfilled-dt mark, .theme-light.pt-highlight-style-borderandfilled-lt mark, .theme-dark.pt-highlight-style-borderandfilled-dt .cm-highlight, .theme-light.pt-highlight-style-borderandfilled-lt .cm-highlight) {
|
|
|
|
background-color: var(--mark-highlight-base);
|
|
|
|
border: var(--accent-border-width) solid var(--mark-highlight-dark);
|
|
|
|
}
|
|
|
|
:is(.theme-light.pt-highlight-text-none-lt mark, .theme-dark.pt-highlight-text-none-dt mark, .theme-light.pt-highlight-text-none-lt .cm-highlight, .theme-dark.pt-highlight-text-none-dt .cm-highlight) {
|
|
|
|
color: var(--text-normal);
|
|
|
|
}
|
|
|
|
:is(.theme-light.pt-highlight-text-color-lt mark, .theme-dark.pt-highlight-text-color-dt mark, .theme-light.pt-highlight-text-color-lt .cm-highlight, .theme-dark.pt-highlight-text-color-dt .cm-highlight) {
|
|
|
|
color: var(--mark-highlight-text);
|
|
|
|
}
|
|
|
|
mark:is(.red, .Red) {
|
|
|
|
--mark-highlight-base: var(--color-red-base);
|
|
|
|
--mark-highlight-dark: var(--color-red-tint);
|
|
|
|
--mark-highlight-text: var(--color-red-text);
|
|
|
|
}
|
|
|
|
mark:is(.orange, .Orange) {
|
|
|
|
--mark-highlight-base: var(--color-orange-base);
|
|
|
|
--mark-highlight-dark: var(--color-orange-tint);
|
|
|
|
--mark-highlight-text: var(--color-orange-text);
|
|
|
|
}
|
|
|
|
mark:is(.yellow, .Yellow) {
|
|
|
|
--mark-highlight-base: var(--color-yellow-base);
|
|
|
|
--mark-highlight-dark: var(--color-yellow-tint);
|
|
|
|
--mark-highlight-text: var(--color-yellow-text);
|
|
|
|
}
|
|
|
|
mark:is(.green, .Green) {
|
|
|
|
--mark-highlight-base: var(--color-green-base);
|
|
|
|
--mark-highlight-dark: var(--color-green-tint);
|
|
|
|
--mark-highlight-text: var(--color-green-text);
|
|
|
|
}
|
|
|
|
mark:is(.mint, .Mint) {
|
|
|
|
--mark-highlight-base: var(--color-mint-base);
|
|
|
|
--mark-highlight-dark: var(--color-mint-tint);
|
|
|
|
--mark-highlight-text: var(--color-mint-text);
|
|
|
|
}
|
|
|
|
mark:is(.aqua, .Aqua, .cyan, .Cyan) {
|
|
|
|
--mark-highlight-base: var(--color-cyan-base);
|
|
|
|
--mark-highlight-dark: var(--color-cyan-tint);
|
|
|
|
--mark-highlight-text: var(--color-cyan-text);
|
|
|
|
}
|
|
|
|
mark:is(.blue, .Blue) {
|
|
|
|
--mark-highlight-base: var(--color-blue-base);
|
|
|
|
--mark-highlight-dark: var(--color-blue-tint);
|
|
|
|
--mark-highlight-text: var(--color-blue-text);
|
|
|
|
}
|
|
|
|
mark:is(.purple, .Purple) {
|
|
|
|
--mark-highlight-base: var(--color-purple-base);
|
|
|
|
--mark-highlight-dark: var(--color-purple-tint);
|
|
|
|
--mark-highlight-text: var(--color-purple-text);
|
|
|
|
}
|
|
|
|
mark:is(.pink, .Pink) {
|
|
|
|
--mark-highlight-base: var(--color-pink-base);
|
|
|
|
--mark-highlight-dark: var(--color-pink-tint);
|
|
|
|
--mark-highlight-text: var(--color-pink-text);
|
|
|
|
}
|
|
|
|
mark:is(.grey, .Grey) {
|
|
|
|
--mark-highlight-base: var(--color-grey-base);
|
|
|
|
--mark-highlight-dark: var(--color-grey-tint);
|
|
|
|
--mark-highlight-text: var(--color-grey-text);
|
|
|
|
}
|
|
|
|
.pt-font-alt-a * {
|
|
|
|
font-feature-settings: "ss03";
|
|
|
|
}
|
|
|
|
.pt-font-alt-g * {
|
|
|
|
font-feature-settings: "ss04";
|
|
|
|
}
|
|
|
|
.pt-font-alt-a.pt-font-alt-g * {
|
|
|
|
font-feature-settings: "ss03", "ss04";
|
|
|
|
}
|
|
|
|
.pt-font-slashed-zero * {
|
|
|
|
font-variant: slashed-zero;
|
|
|
|
}
|
|
|
|
.pt-font-disable-ligatures * {
|
|
|
|
font-variant-ligatures: none;
|
|
|
|
}
|
|
|
|
div.workspace-leaf-content[data-type=style-settings] div.view-content {
|
|
|
|
padding: var(--file-margins);
|
|
|
|
}
|
|
|
|
div.workspace-leaf-content[data-type=style-settings] .view-content .style-settings-container .setting-item:not(.setting-item-heading) {
|
|
|
|
flex-direction: row;
|
|
|
|
}
|
|
|
|
.style-settings-heading[data-level="0"] + .style-settings-container .style-settings-collapse-indicator {
|
|
|
|
margin-left: unset;
|
|
|
|
}
|
|
|
|
:is(.setting-item.setting-item-heading.style-settings-heading, .style-settings-container .style-settings-heading) {
|
|
|
|
border-bottom: unset;
|
|
|
|
}
|
|
|
|
.setting-item-heading .setting-item-description {
|
|
|
|
padding-left: var(--size-4-4);
|
|
|
|
}
|
|
|
|
.setting-item.setting-item-heading.is-collapsed {
|
|
|
|
margin-bottom: unset;
|
|
|
|
}
|
|
|
|
.style-settings-container > .setting-item:last-of-type {
|
|
|
|
padding-bottom: unset;
|
|
|
|
}
|
|
|
|
:is(.style-settings-heading[data-level="0"] + .style-settings-container, .style-settings-container) {
|
|
|
|
padding-bottom: var(--size-4-2);
|
|
|
|
padding-left: var(--size-4-4);
|
|
|
|
margin-left: var(--size-4-1);
|
|
|
|
border-left: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.setting-item.style-settings-heading[data-id=appearance] .style-settings-collapse-indicator::after {
|
|
|
|
margin-left: var(--size-4-2);
|
|
|
|
content: "\1f3a8";
|
|
|
|
}
|
|
|
|
.setting-item.style-settings-heading[data-id=editor] .style-settings-collapse-indicator::after {
|
|
|
|
margin-left: var(--size-4-2);
|
|
|
|
content: "\1f4dd";
|
|
|
|
}
|
|
|
|
.setting-item.style-settings-heading[data-id=user-interface] .style-settings-collapse-indicator::after {
|
|
|
|
margin-left: var(--size-4-2);
|
|
|
|
content: "\1f446";
|
|
|
|
}
|
|
|
|
.setting-item.style-settings-heading[data-id=plugins] .style-settings-collapse-indicator::after {
|
|
|
|
margin-left: var(--size-4-2);
|
|
|
|
content: "\1f9e9";
|
|
|
|
}
|
|
|
|
.setting-item.style-settings-heading[data-id=feature-toggles] {
|
|
|
|
border-bottom: unset;
|
|
|
|
}
|
|
|
|
.setting-item.style-settings-heading[data-id=feature-toggles] .style-settings-collapse-indicator::after {
|
|
|
|
margin-left: var(--size-4-2);
|
|
|
|
content: "\1faa0";
|
|
|
|
}
|
|
|
|
.style-settings-heading[data-id=support] {
|
|
|
|
margin-bottom: 0;
|
|
|
|
pointer-events: none;
|
|
|
|
cursor: text;
|
|
|
|
border-top: 2px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.style-settings-heading[data-id=support] :is(.setting-item-control, .style-settings-collapse-indicator) {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.style-settings-heading[data-id=support] .setting-item-name::before {
|
|
|
|
display: inline-block;
|
|
|
|
width: 20px;
|
|
|
|
height: fit-content;
|
|
|
|
padding-right: 8px;
|
|
|
|
font-family:
|
|
|
|
"Segoe UI Emoji",
|
|
|
|
"Apple Color Emoji",
|
|
|
|
sans-serif;
|
|
|
|
font-weight: initial;
|
|
|
|
color: unset;
|
|
|
|
content: "\2764\fe0f";
|
|
|
|
}
|
|
|
|
:is(.style-settings-heading[data-id=support-star-repo], .style-settings-heading[data-id=support-submit-issue], .style-settings-heading[data-id=support-donate], .style-settings-heading[data-id=prism-wiki-link]) {
|
|
|
|
padding-bottom: 0;
|
|
|
|
margin-bottom: 0;
|
|
|
|
}
|
|
|
|
:is(.style-settings-heading[data-id=support-star-repo], .style-settings-heading[data-id=support-submit-issue], .style-settings-heading[data-id=support-donate], .style-settings-heading[data-id=prism-wiki-link]) :is(.setting-item-control, .style-settings-collapse-indicator) {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.setting-item.style-settings-heading[data-id=support-star-repo] {
|
|
|
|
cursor: default;
|
|
|
|
}
|
|
|
|
.setting-item.style-settings-heading[data-id=support-star-repo]:hover div.setting-item-name {
|
|
|
|
color: var(--text-normal);
|
|
|
|
}
|
|
|
|
.setting-item.style-settings-heading[data-id=support-star-repo] .setting-item-name::before {
|
|
|
|
display: inline-block;
|
|
|
|
width: 20px;
|
|
|
|
height: fit-content;
|
|
|
|
padding-right: var(--size-4-2);
|
|
|
|
font-family:
|
|
|
|
"Segoe UI Emoji",
|
|
|
|
"Apple Color Emoji",
|
|
|
|
sans-serif;
|
|
|
|
font-weight: initial;
|
|
|
|
color: unset;
|
|
|
|
content: "\2b50";
|
|
|
|
}
|
|
|
|
.setting-item.style-settings-heading[data-id=support-star-repo] .setting-item-description {
|
|
|
|
color: var(--interactive-accent-text);
|
|
|
|
cursor: text;
|
|
|
|
user-select: all;
|
|
|
|
}
|
|
|
|
.setting-item.style-settings-heading[data-id=support-submit-issue] {
|
|
|
|
cursor: default;
|
|
|
|
}
|
|
|
|
.setting-item.style-settings-heading[data-id=support-submit-issue]:hover div.setting-item-name {
|
|
|
|
color: var(--text-normal);
|
|
|
|
}
|
|
|
|
.setting-item.style-settings-heading[data-id=support-submit-issue] .setting-item-name::before {
|
|
|
|
display: inline-block;
|
|
|
|
width: 20px;
|
|
|
|
height: fit-content;
|
|
|
|
padding-right: 8px;
|
|
|
|
font-family:
|
|
|
|
"Segoe UI Emoji",
|
|
|
|
"Apple Color Emoji",
|
|
|
|
sans-serif;
|
|
|
|
font-weight: initial;
|
|
|
|
color: unset;
|
|
|
|
content: "\26a0\fe0f";
|
|
|
|
}
|
|
|
|
.setting-item.style-settings-heading[data-id=support-submit-issue] .setting-item-description {
|
|
|
|
color: var(--interactive-accent-text);
|
|
|
|
cursor: text;
|
|
|
|
user-select: all;
|
|
|
|
}
|
|
|
|
.setting-item.style-settings-heading[data-id=support-donate] {
|
|
|
|
cursor: default;
|
|
|
|
}
|
|
|
|
.setting-item.style-settings-heading[data-id=support-donate]:hover div.setting-item-name {
|
|
|
|
color: var(--text-normal);
|
|
|
|
}
|
|
|
|
.setting-item.style-settings-heading[data-id=support-donate] .setting-item-name::before {
|
|
|
|
display: inline-block;
|
|
|
|
width: 20px;
|
|
|
|
height: fit-content;
|
|
|
|
padding-right: 8px;
|
|
|
|
font-family:
|
|
|
|
"Segoe UI Emoji",
|
|
|
|
"Apple Color Emoji",
|
|
|
|
sans-serif;
|
|
|
|
font-weight: initial;
|
|
|
|
color: unset;
|
|
|
|
content: "\2615";
|
|
|
|
}
|
|
|
|
.setting-item.style-settings-heading[data-id=support-donate] .setting-item-description {
|
|
|
|
color: var(--interactive-accent-text);
|
|
|
|
cursor: text;
|
|
|
|
user-select: all;
|
|
|
|
}
|
|
|
|
.style-settings-container .setting-item:is([data-id*=color-accent-h-], [data-id*=color-accent-s-], [data-id*=color-accent-l-base-], [data-id*=color-accent-l-tint-], [data-id*=color-accent-l-text-]) .setting-item-control::before {
|
|
|
|
width: 1.5em;
|
|
|
|
height: 1.5em;
|
|
|
|
margin-right: 8px;
|
|
|
|
content: " ";
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
.style-settings-container .setting-item:is([data-id*=color-accent-h-], [data-id*=color-accent-s-], [data-id*=color-accent-l-base-], [data-id*=color-accent-l-tint-], [data-id*=color-accent-l-text-]) input.slider {
|
|
|
|
width: 150px;
|
|
|
|
height: 1.5em;
|
|
|
|
}
|
|
|
|
.style-settings-container .setting-item:is([data-id*=color-accent-h-], [data-id*=color-accent-s-], [data-id*=color-accent-l-base-], [data-id*=color-accent-l-tint-], [data-id*=color-accent-l-text-]) input.slider::-webkit-slider-thumb {
|
|
|
|
width: 4px;
|
|
|
|
height: 1.75em;
|
|
|
|
margin-top: -3px;
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
-webkit-appearance: none;
|
|
|
|
}
|
|
|
|
.theme-light .style-settings-container .setting-item:is([data-id*=color-accent-h-], [data-id*=color-accent-s-], [data-id*=color-accent-l-base-], [data-id*=color-accent-l-tint-], [data-id*=color-accent-l-text-]) input.slider::-webkit-slider-thumb {
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
}
|
|
|
|
.theme-dark .style-settings-container .setting-item:is([data-id*=color-accent-h-], [data-id*=color-accent-s-], [data-id*=color-accent-l-base-], [data-id*=color-accent-l-tint-], [data-id*=color-accent-l-text-]) input.slider::-webkit-slider-thumb {
|
|
|
|
background-color: var(--text-normal);
|
|
|
|
}
|
|
|
|
.style-settings-container .setting-item:is([data-id^=color-accent-h-lt]) input.slider {
|
|
|
|
background: var(--hue-background-lt);
|
|
|
|
}
|
|
|
|
.style-settings-container .setting-item:is([data-id^=color-accent-h-lt]) .setting-item-control::before {
|
|
|
|
background-color: var(--color-accent-base-lt);
|
|
|
|
}
|
|
|
|
.style-settings-container .setting-item:is([data-id^=color-accent-s-lt]) input.slider {
|
|
|
|
background: var(--saturation-background-lt);
|
|
|
|
}
|
|
|
|
.style-settings-container .setting-item:is([data-id^=color-accent-s-lt]) .setting-item-control::before {
|
|
|
|
background-color: var(--color-accent-base-lt);
|
|
|
|
}
|
|
|
|
.style-settings-container .setting-item:is([data-id^=color-accent-l-base-lt], [data-id^=color-accent-l-tint-lt], [data-id^=color-accent-l-text-lt]) input.slider {
|
|
|
|
background: var(--lightness-background-lt);
|
|
|
|
}
|
|
|
|
.style-settings-container .setting-item[data-id^=color-accent-l-base-lt] .setting-item-control::before {
|
|
|
|
background-color: var(--color-accent-base-lt);
|
|
|
|
}
|
|
|
|
.style-settings-container .setting-item[data-id^=color-accent-l-tint-lt] .setting-item-control::before {
|
|
|
|
background-color: var(--color-accent-tint-lt);
|
|
|
|
}
|
|
|
|
.style-settings-container .setting-item[data-id^=color-accent-l-text-lt] .setting-item-control::before {
|
|
|
|
background-color: var(--color-accent-text-lt);
|
|
|
|
}
|
|
|
|
.style-settings-container .setting-item:is([data-id^=color-accent-h-dt]) input.slider {
|
|
|
|
background: var(--hue-background-dt);
|
|
|
|
}
|
|
|
|
.style-settings-container .setting-item:is([data-id^=color-accent-h-dt]) .setting-item-control::before {
|
|
|
|
background-color: var(--color-accent-base-dt);
|
|
|
|
}
|
|
|
|
.style-settings-container .setting-item:is([data-id^=color-accent-s-dt]) input.slider {
|
|
|
|
background: var(--saturation-background-dt);
|
|
|
|
}
|
|
|
|
.style-settings-container .setting-item:is([data-id^=color-accent-s-dt]) .setting-item-control::before {
|
|
|
|
background-color: var(--color-accent-base-dt);
|
|
|
|
}
|
|
|
|
.style-settings-container .setting-item:is([data-id^=color-accent-l-base-dt], [data-id^=color-accent-l-tint-dt], [data-id^=color-accent-l-text-dt]) input.slider {
|
|
|
|
background: var(--lightness-background-dt);
|
|
|
|
}
|
|
|
|
.style-settings-container .setting-item[data-id^=color-accent-l-base-dt] .setting-item-control::before {
|
|
|
|
background-color: var(--color-accent-base-dt);
|
|
|
|
}
|
|
|
|
.style-settings-container .setting-item[data-id^=color-accent-l-tint-dt] .setting-item-control::before {
|
|
|
|
background-color: var(--color-accent-tint-dt);
|
|
|
|
}
|
|
|
|
.style-settings-container .setting-item[data-id^=color-accent-l-text-dt] .setting-item-control::before {
|
|
|
|
background-color: var(--color-accent-text-dt);
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
.kanban-plugin {
|
|
|
|
background-color: unset;
|
|
|
|
}
|
2022-10-22 18:59:09 +08:00
|
|
|
.kanban-plugin__lane-header-wrapper {
|
|
|
|
gap: var(--size-4-1);
|
|
|
|
padding: var(--size-4-1) var(--size-4-2);
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
.kanban-plugin__lane-wrapper {
|
|
|
|
width: 272px !important;
|
|
|
|
margin-right: var(--size-4-4);
|
|
|
|
}
|
2022-10-22 18:59:09 +08:00
|
|
|
.theme-dark .kanban-plugin__item-title-wrapper {
|
|
|
|
background: var(--background-secondary-alt);
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
button.kanban-plugin__new-item-button {
|
|
|
|
background-color: var(--background-primary);
|
2022-10-22 18:59:09 +08:00
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
button.kanban-plugin__new-item-button:hover {
|
2022-10-22 18:59:09 +08:00
|
|
|
background-color: var(--background-modifier-hover);
|
|
|
|
}
|
|
|
|
.kanban-plugin__lane-items {
|
|
|
|
gap: var(--size-4-1);
|
|
|
|
padding: var(--size-4-2);
|
|
|
|
margin: unset;
|
|
|
|
}
|
|
|
|
.kanban-plugin__lane-items > div {
|
|
|
|
margin-top: unset;
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
.theme-light .kanban-plugin__scroll-container.kanban-plugin__vertical {
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
}
|
|
|
|
.theme-dark .kanban-plugin__scroll-container.kanban-plugin__vertical {
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
}
|
2022-10-22 18:59:09 +08:00
|
|
|
:is(.kanban-plugin__lane-grip, div.kanban-plugin__lane-title-count, .kanban-plugin__lane button.kanban-plugin__lane-settings-button) {
|
|
|
|
margin: unset;
|
|
|
|
}
|
|
|
|
.kanban-plugin__lane button.kanban-plugin__lane-settings-button {
|
2022-10-25 20:43:45 +08:00
|
|
|
height: unset;
|
2022-10-22 18:59:09 +08:00
|
|
|
box-shadow: unset;
|
|
|
|
}
|
|
|
|
.modal.kanban-plugin__board-settings-modal {
|
|
|
|
width: var(--modal-width);
|
|
|
|
max-width: var(--modal-max-width);
|
|
|
|
height: var(--modal-height);
|
|
|
|
max-height: var(--modal-max-height);
|
|
|
|
}
|
|
|
|
.modal.kanban-plugin__board-settings-modal .modal-title:empty {
|
|
|
|
display: block;
|
|
|
|
width: -webkit-fill-available;
|
|
|
|
width: fill-available;
|
|
|
|
height: 42px;
|
|
|
|
margin-bottom: unset;
|
|
|
|
content: "";
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.modal.kanban-plugin__board-settings-modal .modal-content {
|
|
|
|
padding: var(--size-4-8);
|
|
|
|
}
|
|
|
|
.modal.kanban-plugin__board-settings-modal :is(h3, h4) {
|
|
|
|
margin: var(--size-4-2) 0;
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.kanban-plugin__board > div {
|
|
|
|
padding: var(--size-4-4);
|
|
|
|
}
|
|
|
|
.show-view-header .kanban-plugin__board > div {
|
|
|
|
padding-top: calc(var(--header-height) + var(--size-4-4));
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
div.kanban-plugin__lane-title-count {
|
2022-10-22 18:59:09 +08:00
|
|
|
display: block;
|
|
|
|
height: fit-content;
|
|
|
|
padding: 0 4px;
|
|
|
|
font-size: 0.75em;
|
|
|
|
font-weight: 600;
|
|
|
|
line-height: 1.5em;
|
|
|
|
color: var(--text-normal);
|
2022-10-25 20:43:45 +08:00
|
|
|
background-color: unset;
|
2022-10-22 18:59:09 +08:00
|
|
|
border-radius: var(--radius-s);
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
.kanban-plugin__lane-grip,
|
|
|
|
.kanban-plugin__lane-settings-button-wrapper {
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
.kanban-plugin__lane-grip:hover,
|
|
|
|
.kanban-plugin__lane-settings-button-wrapper:hover {
|
|
|
|
color: var(--interactive-accent-hover);
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
}
|
|
|
|
.kanban-plugin__lane-grip {
|
|
|
|
padding: var(--size-4-1) 0;
|
|
|
|
}
|
2022-10-22 18:59:09 +08:00
|
|
|
.pt-center-kanban-title-text .kanban-plugin__lane-title {
|
|
|
|
align-items: center;
|
|
|
|
}
|
|
|
|
.pt-disable-kanban-title-count div.kanban-plugin__lane-title-count {
|
|
|
|
display: none;
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
.theme-light.pt-kanban-background-dots-lt .kanban-plugin__board {
|
|
|
|
background-image: radial-gradient(circle, var(--background-secondary) 1px, rgba(0, 0, 0, 0) 1px);
|
|
|
|
background-attachment: local;
|
|
|
|
background-size: 8px 8px;
|
|
|
|
}
|
|
|
|
.theme-dark.pt-kanban-background-dots-dt .kanban-plugin__board {
|
|
|
|
background-image: radial-gradient(circle, var(--background-secondary) 1px, rgba(0, 0, 0, 0) 1px);
|
|
|
|
background-attachment: local;
|
|
|
|
background-size: 8px 8px;
|
|
|
|
}
|
|
|
|
.theme-light.pt-kanban-background-grid-lt .kanban-plugin__board {
|
|
|
|
background-image: linear-gradient(to right, var(--background-secondary) 1px, transparent 1px), linear-gradient(to bottom, var(--background-secondary) 1px, transparent 1px);
|
|
|
|
background-attachment: local;
|
|
|
|
background-size: 8px 8px;
|
|
|
|
}
|
|
|
|
.theme-dark.pt-kanban-background-grid-dt .kanban-plugin__board {
|
|
|
|
background-image: linear-gradient(to right, var(--background-secondary) 1px, transparent 1px), linear-gradient(to bottom, var(--background-secondary) 1px, transparent 1px);
|
|
|
|
background-attachment: local;
|
|
|
|
background-size: 8px 8px;
|
|
|
|
}
|
|
|
|
.pt-icon-folder-accent .obsidian-icon-folder-icon {
|
|
|
|
color: var(--interactive-accent-text);
|
|
|
|
}
|
|
|
|
.pt-icons-accent .obsidian-icon {
|
|
|
|
color: var(--interactive-accent-text);
|
|
|
|
}
|
|
|
|
div#cMenuModalBar {
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
border-radius: var(--radius-m);
|
|
|
|
box-shadow: var(--shadow-l);
|
|
|
|
}
|
|
|
|
div#cMenuModalBar .cMenuCommandItem {
|
|
|
|
color: var(--text-muted);
|
|
|
|
background-color: transparent;
|
|
|
|
}
|
|
|
|
div#cMenuModalBar button.cMenuCommandItem:hover {
|
|
|
|
color: var(--highlight-text-normal);
|
|
|
|
background-color: var(--background-modifier-hover);
|
|
|
|
}
|
|
|
|
div#cMenuModalBar.cMenuGlassAesthetic {
|
|
|
|
background: var(--background-secondary-blur);
|
|
|
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
}
|
|
|
|
.pt-status-bar-position-floating div#cMenuModalBar {
|
|
|
|
bottom: calc(var(--size-4-3) + 33px + var(--scroll-bar-size)) !important;
|
|
|
|
}
|
|
|
|
.pt-status-bar-position-fixed div#cMenuModalBar {
|
|
|
|
bottom: calc(var(--size-2-3) + 26px + var(--scroll-bar-size)) !important;
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=calendar] .view-content {
|
|
|
|
padding: unset;
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=calendar] #calendar-container {
|
|
|
|
padding: unset;
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=calendar] #calendar-container .nav {
|
|
|
|
height: var(--header-height);
|
|
|
|
padding: var(--size-4-3);
|
|
|
|
margin: unset;
|
|
|
|
background: var(--background-secondary);
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=calendar] #calendar-container td.svelte-egt0yd {
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=calendar] #calendar-container th.svelte-pcimu8 {
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=calendar] #calendar-container th.svelte-pcimu8:first-child {
|
|
|
|
border-right: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=calendar] #calendar-container div.today {
|
|
|
|
font-size: 1em;
|
|
|
|
font-weight: 600;
|
|
|
|
color: var(--interactive-accent-text);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=calendar] #calendar-container .day.svelte-q3wqg9:active,
|
|
|
|
.workspace-leaf-content[data-type=calendar] #calendar-container .active.svelte-q3wqg9,
|
|
|
|
.workspace-leaf-content[data-type=calendar] #calendar-container .active.today.svelte-q3wqg9 {
|
|
|
|
background-color: var(--interactive-accent-base);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=calendar] #calendar-container .week-num {
|
|
|
|
font-size: 0.7em;
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=calendar] #calendar-container .year {
|
|
|
|
color: var(--interactive-accent-text);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=calendar] #calendar-container .dot.filled {
|
|
|
|
fill: var(--interactive-accent-text);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=calendar] #calendar-container .hollow.task {
|
|
|
|
stroke: var(--interactive-accent-text);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=calendar] #calendar-container .arrow:hover svg,
|
|
|
|
.workspace-leaf-content[data-type=calendar] #calendar-container .reset-button:hover {
|
|
|
|
color: var(--highlight-text-normal);
|
|
|
|
background-color: var(--background-modifier-hover);
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=recent-files] .view-content {
|
|
|
|
padding: unset;
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=recent-files] .nav-folder.mod-root {
|
|
|
|
height: fit-content;
|
|
|
|
padding: var(--size-4-1);
|
|
|
|
}
|
|
|
|
.theme-light .workspace-leaf-content[data-type=recent-files] .nav-folder.mod-root {
|
|
|
|
background-color: var(--background-primary);
|
|
|
|
}
|
|
|
|
.theme-dark .workspace-leaf-content[data-type=recent-files] .nav-folder.mod-root {
|
|
|
|
background-color: var(--background-secondary-alt);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=dangling-links] .view-content {
|
|
|
|
padding: unset;
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container h3:first-of-type {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details:first-of-type summary {
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details:not(:first-of-type) summary {
|
|
|
|
border-top: 1px solid var(--window-border);
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details:not([open]) {
|
|
|
|
color: var(--text-faint);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details summary {
|
|
|
|
position: relative;
|
|
|
|
padding: var(--size-4-1) var(--size-4-2);
|
|
|
|
margin-bottom: -1px;
|
|
|
|
font-size: var(--font-ui-small);
|
|
|
|
background-color: var(--background-secondary);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul {
|
|
|
|
padding-inline-start: 0;
|
|
|
|
margin: 8px;
|
|
|
|
font-family: var(--font-text);
|
|
|
|
font-size: 14px;
|
|
|
|
border: 1px solid var(--window-border);
|
|
|
|
border-radius: var(--radius-m);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul li {
|
|
|
|
width: 100%;
|
|
|
|
padding: var(--size-4-2) var(--size-4-5) var(--size-4-2) var(--size-4-3);
|
|
|
|
color: var(--text-normal);
|
|
|
|
color: var(--text-muted);
|
|
|
|
box-shadow: var(--shadow-s);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul li:not(:last-of-type) {
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul li:hover {
|
|
|
|
color: var(--text-normal);
|
|
|
|
background-color: var(--text-selection);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=dangling-links] .view-content .container details ul li ::marker {
|
|
|
|
display: none;
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=dangling-links] .view-content .nav-header {
|
|
|
|
gap: var(--size-4-1);
|
|
|
|
color: var(--icon-color);
|
|
|
|
}
|
|
|
|
:is(.pt-nav-header-left-sidebar-position-top .workspace-split.mod-left-split .workspace-leaf-content[data-type=dangling-links] .view-content .nav-header, .pt-nav-header-right-sidebar-position-top .workspace-split.mod-right-split .workspace-leaf-content[data-type=dangling-links] .view-content .nav-header) {
|
|
|
|
position: sticky;
|
|
|
|
top: 0;
|
|
|
|
z-index: var(--layer-popover);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=dangling-links] .view-content .nav-action-button {
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=dangling-links] .view-content .nav-action-button:hover {
|
|
|
|
color: var(--icon-color-hover);
|
|
|
|
background-color: var(--background-modifier-hover);
|
|
|
|
opacity: var(--icon-opacity-hover);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=dangling-links] .view-content .nav-action-button svg {
|
|
|
|
width: var(--icon-size);
|
|
|
|
height: var(--icon-size);
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=dangling-links] .view-content .nav-action-button path[stroke-width] {
|
|
|
|
color: var(--interactive-accent-text);
|
|
|
|
}
|
2022-10-22 18:59:09 +08:00
|
|
|
.workspace-leaf-content[data-type=advanced-tables-toolbar] {
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=advanced-tables-toolbar] .view-content {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=advanced-tables-toolbar] .view-content > div {
|
|
|
|
display: block;
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
.workspace-leaf-content[data-type=advanced-tables-toolbar] .nav-header {
|
|
|
|
flex-direction: column;
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] {
|
2022-10-22 18:59:09 +08:00
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] > div.view-content {
|
|
|
|
padding: 0;
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-pane {
|
|
|
|
resize: unset;
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-tree-wrapper {
|
|
|
|
padding: unset;
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-tree-wrapper > .oz-folder-contents {
|
|
|
|
margin-right: var(--size-4-1);
|
|
|
|
margin-bottom: var(--size-4-1);
|
|
|
|
margin-left: 14px !important;
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-tree-wrapper > .treeview {
|
|
|
|
padding: 0 var(--size-4-1) 0 0;
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-contents {
|
|
|
|
padding-left: 0;
|
|
|
|
margin-left: 15px !important;
|
|
|
|
border-left: 1px solid var(--window-border);
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element {
|
|
|
|
margin-left: var(--size-4-1);
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-icon-div {
|
|
|
|
padding-left: var(--size-4-1);
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-action-items,
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-flex-container {
|
|
|
|
margin-bottom: unset;
|
|
|
|
background-color: var(--background-secondary-blur);
|
|
|
|
border: unset;
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
border-radius: unset;
|
|
|
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folders-action-items {
|
|
|
|
margin-bottom: var(--size-4-1);
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-action-button:hover {
|
|
|
|
color: var(--highlight-text-normal);
|
|
|
|
background-color: var(--background-modifier-hover);
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-file-tree-header {
|
|
|
|
margin-top: unset;
|
|
|
|
font-weight: var(--font-medium);
|
|
|
|
background-color: var(--background-secondary-blur);
|
|
|
|
border-bottom: 1px solid var(--window-border);
|
|
|
|
border-radius: unset;
|
|
|
|
-webkit-backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
backdrop-filter: blur(var(--blur-intensity));
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .file-tree-header-fixed {
|
|
|
|
padding-right: unset;
|
|
|
|
padding-left: unset;
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] #file-tree-divider {
|
|
|
|
height: 1px;
|
|
|
|
margin-bottom: unset;
|
|
|
|
background-color: var(--window-border);
|
|
|
|
border-bottom: unset;
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] #file-tree-divider:hover {
|
|
|
|
height: 3px;
|
|
|
|
background-color: var(--divider-color-hover);
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file-tag {
|
|
|
|
background-color: unset;
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-block {
|
|
|
|
padding-top: unset;
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .treeview {
|
|
|
|
margin-bottom: var(--size-2-1);
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-explorer-container {
|
|
|
|
padding-right: unset !important;
|
|
|
|
padding-left: unset !important;
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .is-folder-active {
|
2022-10-22 18:59:09 +08:00
|
|
|
color: var(--interactive-accent-text);
|
|
|
|
}
|
2022-10-25 20:43:45 +08:00
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .drag-entered,
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element:hover,
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file:hover {
|
|
|
|
background-color: var(--background-modifier-hover);
|
|
|
|
border-radius: var(--radius-s);
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .drag-entered .oz-folder-name,
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .drag-entered .oz-nav-file-title,
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .drag-entered .oz-nav-file-tag,
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element:hover .oz-folder-name,
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element:hover .oz-nav-file-title,
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-folder-element:hover .oz-nav-file-tag,
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file:hover .oz-folder-name,
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file:hover .oz-nav-file-title,
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] .oz-nav-file:hover .oz-nav-file-tag {
|
|
|
|
color: var(--highlight-text-normal);
|
|
|
|
}
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active,
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active .oz-nav-file-tag,
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active div.oz-nav-file-title,
|
|
|
|
.workspace-leaf div.workspace-leaf-content[data-type=file-tree-view] div.oz-nav-file.is-active div.oz-nav-file-title-content {
|
|
|
|
color: var(--highlight-text-normal);
|
|
|
|
}
|
2022-10-22 18:59:09 +08:00
|
|
|
/*!
|
|
|
|
/* @settings
|
|
|
|
name: Prism Theme
|
|
|
|
id: obsidian-prism-theme
|
|
|
|
settings:
|
|
|
|
-
|
|
|
|
id: appearance
|
|
|
|
title: Appearance
|
|
|
|
description: Options which change how Prism styles Obsidian.
|
|
|
|
type: heading
|
|
|
|
level: 1
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: accent-color-schemes-and-style
|
|
|
|
title: Accent, Color Schemes and Style
|
|
|
|
description: Main visual options for Prism.
|
|
|
|
type: heading
|
|
|
|
level: 2
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: accent-colors-styles-lt
|
|
|
|
title: Light Theme
|
|
|
|
type: heading
|
|
|
|
level: 3
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: color-schemes-lt
|
|
|
|
title: Color Scheme
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-color-scheme-swan-lt
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Swan
|
|
|
|
value: pt-color-scheme-swan-lt
|
|
|
|
-
|
|
|
|
label: Latte
|
|
|
|
value: pt-color-scheme-latte-lt
|
|
|
|
-
|
|
|
|
label: Periwinkle
|
|
|
|
value: pt-color-scheme-periwinkle-lt
|
|
|
|
-
|
|
|
|
label: Pistachio
|
|
|
|
value: pt-color-scheme-pistachio-lt
|
|
|
|
-
|
|
|
|
id: accent-style-lt
|
|
|
|
title: Accent Style
|
|
|
|
description: Adjusts the style used by the Accented elements in the UI.
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-accent-style-borderandfilled-lt
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Plain
|
|
|
|
value: pt-accent-style-text-lt
|
|
|
|
-
|
|
|
|
label: Border
|
|
|
|
value: pt-accent-style-border-lt
|
|
|
|
-
|
|
|
|
label: Filled
|
|
|
|
value: pt-accent-style-filled-lt
|
|
|
|
-
|
|
|
|
label: Border & Filled
|
|
|
|
value: pt-accent-style-borderandfilled-lt
|
|
|
|
-
|
|
|
|
id: light-accent-color-preset
|
|
|
|
title: Accent Color Preset
|
|
|
|
description: Changes the Light Theme Accent Color around the entire UI. Select from present colors or choose 'Custom' and tune the color in the Custom Accent Color Tuning section below.
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-accent-color-purple-lt
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: pt-accent-color-custom-lt
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: pt-accent-color-red-lt
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: pt-accent-color-orange-lt
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: pt-accent-color-yellow-lt
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: pt-accent-color-green-lt
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: pt-accent-color-mint-lt
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: pt-accent-color-cyan-lt
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: pt-accent-color-blue-lt
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: pt-accent-color-purple-lt
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: pt-accent-color-pink-lt
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: pt-accent-color-grey-lt
|
|
|
|
-
|
|
|
|
id: highlight-text-accent-lt
|
|
|
|
title: Accent Text Color Preset
|
|
|
|
description: Adjusts the color used by the text in the Light Theme Accented elements of the UI.
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-highlight-text-accent-lt
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: pt-highlight-text-custom-lt
|
|
|
|
-
|
|
|
|
label: Dark
|
|
|
|
value: pt-highlight-text-dark-lt
|
|
|
|
-
|
|
|
|
label: Light
|
|
|
|
value: pt-highlight-text-light-lt
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: pt-highlight-text-accent-lt
|
|
|
|
-
|
|
|
|
id: highlight-text-accent-custom-lt
|
|
|
|
title: Custom Accent Text Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Accent Text Color for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#FFFFFF'
|
|
|
|
-
|
|
|
|
id: color-accent-custom-lt
|
|
|
|
title: Custom Accent Color Tuning
|
|
|
|
description: Make sure you selected 'Custom' in Accent Color Preset for this to work. The default Lightness values should net good results for most Hues. Tweak them to your preference.
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: color-accent-h-lt
|
|
|
|
title: Custom Accent Base Color Hue
|
|
|
|
description: Changes the the Hue of the Base color.
|
|
|
|
type: variable-number-slider
|
|
|
|
default: 0
|
|
|
|
min: 0
|
|
|
|
max: 360
|
|
|
|
step: 1
|
|
|
|
-
|
|
|
|
id: color-accent-s-lt
|
|
|
|
title: Custom Accent Base Color Saturation
|
|
|
|
description: Changes the Saturation of the Base Color.
|
|
|
|
type: variable-number-slider
|
|
|
|
format: '%'
|
|
|
|
default: 60
|
|
|
|
min: 0
|
|
|
|
max: 100
|
|
|
|
step: 1
|
|
|
|
-
|
|
|
|
id: color-accent-l-base-lt
|
|
|
|
title: Custom Accent Base Color Lightness
|
|
|
|
description: Base Color Lightness should ideally be the lighteest of the 3.
|
|
|
|
type: variable-number-slider
|
|
|
|
format: '%'
|
|
|
|
default: 82
|
|
|
|
min: 0
|
|
|
|
max: 100
|
|
|
|
step: 1
|
|
|
|
-
|
|
|
|
id: color-accent-l-tint-lt
|
|
|
|
title: Custom Accent Tint Color Lightness
|
|
|
|
description: Tint Color Lightness should ideally be between Base and Text.
|
|
|
|
type: variable-number-slider
|
|
|
|
format: '%'
|
|
|
|
default: 67
|
|
|
|
min: 0
|
|
|
|
max: 100
|
|
|
|
step: 1
|
|
|
|
-
|
|
|
|
id: color-accent-l-text-lt
|
|
|
|
title: Custom Accent Text Color Lightness
|
|
|
|
description: Text Color Lightness should ideally be the darkest of the 3.
|
|
|
|
type: variable-number-slider
|
|
|
|
format: '%'
|
|
|
|
default: 42
|
|
|
|
min: 0
|
|
|
|
max: 100
|
|
|
|
step: 1
|
|
|
|
-
|
|
|
|
id: accent-colors-styles-dt
|
|
|
|
title: Dark Theme
|
|
|
|
type: heading
|
|
|
|
level: 3
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: color-schemes-dt
|
|
|
|
title: Color Scheme
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-color-scheme-raven-dt
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Raven
|
|
|
|
value: pt-color-scheme-raven-dt
|
|
|
|
-
|
|
|
|
label: Mocha
|
|
|
|
value: pt-color-scheme-mocha-dt
|
|
|
|
-
|
|
|
|
label: Indigo
|
|
|
|
value: pt-color-scheme-indigo-dt
|
|
|
|
-
|
|
|
|
label: Pine
|
|
|
|
value: pt-color-scheme-pine-dt
|
|
|
|
-
|
|
|
|
id: accent-style-dt
|
|
|
|
title: Accent Style
|
|
|
|
description: Adjusts the style used by the Accented elements in the UI.
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-accent-style-borderandfilled-dt
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Plain
|
|
|
|
value: pt-accent-style-text-dt
|
|
|
|
-
|
|
|
|
label: Border
|
|
|
|
value: pt-accent-style-border-dt
|
|
|
|
-
|
|
|
|
label: Filled
|
|
|
|
value: pt-accent-style-filled-dt
|
|
|
|
-
|
|
|
|
label: Border & Filled
|
|
|
|
value: pt-accent-style-borderandfilled-dt
|
|
|
|
-
|
|
|
|
id: dark-accent-color-preset
|
|
|
|
title: Accent Color Preset
|
|
|
|
description: Changes the Dark Theme Accent Color around the entire UI. Select from present colors or choose 'Custom' and tune the color in the Custom Accent Color Tuning section below.
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-accent-color-purple-dt
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: pt-accent-color-custom-dt
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: pt-accent-color-red-dt
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: pt-accent-color-orange-dt
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: pt-accent-color-yellow-dt
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: pt-accent-color-green-dt
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: pt-accent-color-mint-dt
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: pt-accent-color-cyan-dt
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: pt-accent-color-blue-dt
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: pt-accent-color-purple-dt
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: pt-accent-color-pink-dt
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: pt-accent-color-grey-dt
|
|
|
|
-
|
|
|
|
id: highlight-text-accent-dt
|
|
|
|
title: Accent Text Color Preset
|
|
|
|
description: Adjusts the color used by the text in the Dark Theme Accented elements of the UI.
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-highlight-text-accent-dt
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: pt-highlight-text-custom-dt
|
|
|
|
-
|
|
|
|
label: Dark
|
|
|
|
value: pt-highlight-text-dark-dt
|
|
|
|
-
|
|
|
|
label: Light
|
|
|
|
value: pt-highlight-text-light-dt
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: pt-highlight-text-accent-dt
|
|
|
|
-
|
|
|
|
id: highlight-text-accent-custom-dt
|
|
|
|
title: Custom Accent Text Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme Accent Text Color for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#FFFFFF'
|
|
|
|
-
|
|
|
|
id: color-accent-custom-dt
|
|
|
|
title: Custom Accent Color Tuning
|
|
|
|
description: Make sure you selected 'Custom' in Accent Color Preset for this to work. The default Lightness values should net good results for most Hues. Tweak them to your preference.
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: color-accent-h-dt
|
|
|
|
title: Custom Accent Base Color Hue
|
|
|
|
description: Changes the the Hue of the Base color.
|
|
|
|
type: variable-number-slider
|
|
|
|
default: 0
|
|
|
|
min: 0
|
|
|
|
max: 360
|
|
|
|
step: 1
|
|
|
|
-
|
|
|
|
id: color-accent-s-dt
|
|
|
|
title: Custom Accent Base Color Saturation
|
|
|
|
description: Changes the Saturation of the Base Color.
|
|
|
|
type: variable-number-slider
|
|
|
|
format: '%'
|
|
|
|
default: 50
|
|
|
|
min: 0
|
|
|
|
max: 100
|
|
|
|
step: 1
|
|
|
|
-
|
|
|
|
id: color-accent-l-base-dt
|
|
|
|
title: Custom Accent Base Color Lightness
|
|
|
|
description: Base Color Lightness should ideally be the darkest of the 3.
|
|
|
|
type: variable-number-slider
|
|
|
|
format: '%'
|
|
|
|
default: 20
|
|
|
|
min: 0
|
|
|
|
max: 100
|
|
|
|
step: 1
|
|
|
|
-
|
|
|
|
id: color-accent-l-tint-dt
|
|
|
|
title: Custom Accent Tint Color Lightness
|
|
|
|
description: Tint Color Lightness should ideally be between Base and Text.
|
|
|
|
type: variable-number-slider
|
|
|
|
format: '%'
|
|
|
|
default: 40
|
|
|
|
min: 0
|
|
|
|
max: 100
|
|
|
|
step: 1
|
|
|
|
-
|
|
|
|
id: color-accent-l-text-dt
|
|
|
|
title: Custom Accent Text Color Lightness
|
|
|
|
description: Text Color Lightness should ideally be the lightest of the 3.
|
|
|
|
type: variable-number-slider
|
|
|
|
format: '%'
|
|
|
|
default: 65
|
|
|
|
min: 0
|
|
|
|
max: 100
|
|
|
|
step: 1
|
|
|
|
-
|
|
|
|
id: graph-view-colors
|
|
|
|
title: Graph Color Customisation
|
|
|
|
description: Define the colors used in the Graph View. In order to see changes you need to refresh the Graph View (restart Obsidian or toggle the Light/Dark theme).
|
|
|
|
type: heading
|
|
|
|
level: 2
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: graph-view-light-theme
|
|
|
|
title: Light Theme
|
|
|
|
type: heading
|
|
|
|
level: 3
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: pt-graph-line-color-lt
|
|
|
|
title: Graph Lines Color
|
|
|
|
description: The color of a Graph lines connecting Graph Nodes.
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: graph-line-color-lt
|
|
|
|
title: Graph Line Presets
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--background-secondary-alt)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--background-secondary-alt)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--graph-line-custom-color-lt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: graph-line-custom-color-lt
|
|
|
|
title: Graph Lines Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Graph Lines Color Presets for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#C4C7CA'
|
|
|
|
-
|
|
|
|
id: graph-line-opacity-lt
|
|
|
|
title: Graph Lines Opacity
|
|
|
|
type: variable-number-slider
|
|
|
|
default: 1
|
|
|
|
min: 0
|
|
|
|
max: 1
|
|
|
|
step: 0.05
|
|
|
|
-
|
|
|
|
id: pt-graph-fill-color-lt
|
|
|
|
title: Graph Note Color
|
|
|
|
description: The color of a Graph Node representing a note file.
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: graph-fill-color-lt
|
|
|
|
title: Graph Note Color Presets
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--color-grey-text)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--graph-fill-custom-color-lt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: graph-fill-custom-color-lt
|
|
|
|
title: Graph Note Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Graph Note Color Presets for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#C4C7CA'
|
|
|
|
-
|
|
|
|
id: pt-graph-fill-focused-color-lt
|
|
|
|
title: Graph Note Focused Color
|
|
|
|
description: The color of a Graph Node representing currently focused note file.
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: graph-fill-focused-color-lt
|
|
|
|
title: Graph Note Focused Color Presets
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--interactive-accent-text)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--graph-fill-focused-custom-color-lt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: graph-fill-focused-custom-color-lt
|
|
|
|
title: Graph Note Focused Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Graph Note Focused Color Presets for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#8670FF'
|
|
|
|
-
|
|
|
|
id: pt-graph-tag-color-lt
|
|
|
|
title: Graph Tag Color
|
|
|
|
description: The color of a Graph Node representing a tag.
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: graph-tag-color-lt
|
|
|
|
title: Graph Tag Color Presets
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--color-blue-text)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--graph-tag-custom-color-lt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: graph-tag-custom-color-lt
|
|
|
|
title: Graph Tag Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Graph Tag Color Presets for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#619EFF'
|
|
|
|
-
|
|
|
|
id: pt-graph-attachment-color-lt
|
|
|
|
title: Graph Attachment Color
|
|
|
|
description: The color of a Graph Node representing an attachment.
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: graph-attachment-color-lt
|
|
|
|
title: Graph Attachment Color Presets
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--color-yellow-text)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--graph-attachment-custom-color-lt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: graph-attachment-custom-color-lt
|
|
|
|
title: Graph Attachment Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Graph Attachment Color Presets for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#FDDB6D'
|
|
|
|
-
|
|
|
|
id: pt-graph-unresolved-color-lt
|
|
|
|
title: Graph Unresolved Color
|
|
|
|
description: The color of a Graph Node representing an unresolved note.
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: graph-unresolved-color-lt
|
|
|
|
title: Graph Unresolved Color Presets
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--color-red-text)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--graph-unresolved-custom-color-lt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: graph-unresolved-custom-color-lt
|
|
|
|
title: Graph Unresolved Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Graph Unresolved Color Presets for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#FF7070'
|
|
|
|
-
|
|
|
|
id: pt-graph-highlight-color-lt
|
|
|
|
title: Graph Highlight Color
|
|
|
|
description: The color of a Graph Node when highlighted.
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: graph-highlight-color-lt
|
|
|
|
title: Graph Highlight Color Presets
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--interactive-accent-text)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--graph-highlight-custom-color-lt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: graph-highlight-custom-color-lt
|
|
|
|
title: Graph Highlight Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Graph Highlight Color Presets for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#8670FF'
|
|
|
|
-
|
|
|
|
id: pt-graph-highlight-line-color-lt
|
|
|
|
title: Graph Highlight Line Color
|
|
|
|
description: The color of the lines connected to a highlighted Graph Node.
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: graph-highlight-line-color-lt
|
|
|
|
title: Graph Highlight Line Color Presets
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--interactive-accent-text)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--graph-highlight-line-custom-color-lt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: graph-highlight-line-custom-color-lt
|
|
|
|
title: Graph Highlight Line Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Graph Highlight Color Presets for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#8670FF'
|
|
|
|
-
|
|
|
|
id: graph-view-dark-theme
|
|
|
|
title: Dark Theme
|
|
|
|
type: heading
|
|
|
|
level: 3
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: pt-graph-line-color-dt
|
|
|
|
title: Graph Lines Color
|
|
|
|
description: The color of a Graph lines connecting Graph Nodes.
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: graph-line-color-dt
|
|
|
|
title: Graph Lines Presets
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--background-primary-alt)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--background-primary-alt)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--graph-line-custom-color-dt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: graph-line-custom-color-dt
|
|
|
|
title: Graph Lines Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme Graph Lines Color Presets for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#C4C7CA'
|
|
|
|
-
|
|
|
|
id: pt-graph-fill-color-dt
|
|
|
|
title: Graph Note Color
|
|
|
|
description: The color of a Graph Node representing a note file.
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: graph-fill-color-dt
|
|
|
|
title: Graph Note Color Presets
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--color-grey-text)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--graph-fill-custom-color-dt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: graph-fill-custom-color-dt
|
|
|
|
title: Graph Note Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme Graph Note Color Presets for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#878787'
|
|
|
|
-
|
|
|
|
id: pt-graph-fill-focused-color-dt
|
|
|
|
title: Graph Note Focused Color
|
|
|
|
description: The color of a Graph Node representing currently focused note file.
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: graph-fill-focused-color-dt
|
|
|
|
title: Graph Note Focused Color Presets
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--interactive-accent-text)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--graph-fill-focused-custom-color-dt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: graph-fill-focused-custom-color-dt
|
|
|
|
title: Graph Note Focused Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme Graph Note Focused Color Presets for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#4C3AB6'
|
|
|
|
-
|
|
|
|
id: pt-graph-tag-color-dt
|
|
|
|
title: Graph Tag Color
|
|
|
|
description: The color of a Graph Node representing a tag.
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: graph-tag-color-dt
|
|
|
|
title: Graph Tag Color Presets
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--color-blue-text)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--graph-tag-custom-color-dt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: graph-tag-custom-color-dt
|
|
|
|
title: Graph Tag Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme Graph Tag Color Presets for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#3663AB'
|
|
|
|
-
|
|
|
|
id: pt-graph-attachment-color-dt
|
|
|
|
title: Graph Attachment Color
|
|
|
|
description: The color of a Graph Node representing an attachment.
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: graph-attachment-color-dt
|
|
|
|
title: Graph Attachment Color Presets
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--color-yellow-text)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--graph-attachment-custom-color-dt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: graph-attachment-custom-color-dt
|
|
|
|
title: Graph Attachment Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme Graph Attachment Color Presets for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#AF943C'
|
|
|
|
-
|
|
|
|
id: pt-graph-unresolved-color-dt
|
|
|
|
title: Graph Unresolved Color
|
|
|
|
description: The color of a Graph Node representing an unresolved note.
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: graph-unresolved-color-dt
|
|
|
|
title: Graph Unresolved Color Presets
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--color-red-text)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--graph-unresolved-custom-color-dt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: graph-unresolved-custom-color-dt
|
|
|
|
title: Graph Unresolved Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme Graph Unresolved Color Presets for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#B63A3A'
|
|
|
|
-
|
|
|
|
id: pt-graph-highlight-color-dt
|
|
|
|
title: Graph Highlight Color
|
|
|
|
description: The color of a Graph Node when highlighted.
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: graph-highlight-color-dt
|
|
|
|
title: Graph Highlight Color Presets
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--interactive-accent-text)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--graph-highlight-custom-color-dt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: graph-highlight-custom-color-dt
|
|
|
|
title: Graph Highlight Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme Graph Highlight Color Presets for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#4C3AB6'
|
|
|
|
-
|
|
|
|
id: pt-graph-highlight-line-color-lt
|
|
|
|
title: Graph Highlight Line Color
|
|
|
|
description: The color of the lines connected to a highlighted Graph Node.
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: graph-highlight-line-color-dt
|
|
|
|
title: Graph Highlight Line Color Presets
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--interactive-accent-text)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--graph-highlight-line-custom-color-dt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: graph-highlight-line-custom-color-dt
|
|
|
|
title: Graph Highlight Line Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme Graph Highlight Color Presets for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#4C3AB6'
|
|
|
|
-
|
|
|
|
id: editor
|
|
|
|
title: Editor
|
|
|
|
description: Settings for elements inside the Editor / Preview area of Obsidian.
|
|
|
|
type: heading
|
|
|
|
level: 1
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: file-line-width
|
|
|
|
title: Custom Readable Line Length (px)
|
|
|
|
description: Changes the maximum width of the Readable Line Length (px). Enable 'Readable line length' in the Editor tab in Settings for this to apply.
|
|
|
|
type: variable-number-slider
|
|
|
|
level: 2
|
|
|
|
min: 100
|
|
|
|
max: 1800
|
|
|
|
step: 5
|
|
|
|
default: 700
|
|
|
|
format: px
|
|
|
|
-
|
|
|
|
id: font-options
|
|
|
|
title: Font Specific Options
|
|
|
|
description: Options for the default Sans Serif 3 font.
|
|
|
|
type: heading
|
|
|
|
level: 2
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: pt-font-alt-a
|
|
|
|
title: Alternative lower case 'a' appearance
|
|
|
|
default: false
|
|
|
|
type: class-toggle
|
|
|
|
-
|
|
|
|
id: pt-font-alt-g
|
|
|
|
title: Alternative lower case 'g' appearance
|
|
|
|
default: false
|
|
|
|
type: class-toggle
|
|
|
|
-
|
|
|
|
id: pt-font-slashed-zero
|
|
|
|
title: Alternative '0' appearance (Slashed Zero)
|
|
|
|
default: false
|
|
|
|
type: class-toggle
|
|
|
|
-
|
|
|
|
id: pt-font-disable-ligatures
|
|
|
|
title: Disable Ligatures
|
|
|
|
default: true
|
|
|
|
type: class-toggle
|
|
|
|
-
|
|
|
|
id: header-styles
|
|
|
|
title: Headers
|
|
|
|
description: Customisation options for the Headers (H1 - H6).
|
|
|
|
type: heading
|
|
|
|
level: 2
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: header-font-size
|
|
|
|
title: Header Font Size
|
|
|
|
description: The sizes are scalled based on the Font Size selected in the Appearance tab of the Settings.
|
|
|
|
type: heading
|
|
|
|
level: 3
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: h1-size
|
|
|
|
title: Header 1 (H1) Font Size (em)
|
|
|
|
type: variable-number-slider
|
|
|
|
min: 0.5
|
|
|
|
max: 5
|
|
|
|
step: 0.05
|
|
|
|
default: 2.2
|
|
|
|
format: em
|
|
|
|
-
|
|
|
|
id: h2-size
|
|
|
|
title: Header 2 (H2) Font Size (em)
|
|
|
|
type: variable-number-slider
|
|
|
|
min: 0.5
|
|
|
|
max: 5
|
|
|
|
step: 0.05
|
|
|
|
default: 2
|
|
|
|
format: em
|
|
|
|
-
|
|
|
|
id: h3-size
|
|
|
|
title: Header 3 (H3) Font Size (em)
|
|
|
|
type: variable-number-slider
|
|
|
|
min: 0.5
|
|
|
|
max: 5
|
|
|
|
step: 0.05
|
|
|
|
default: 1.8
|
|
|
|
format: em
|
|
|
|
-
|
|
|
|
id: h4-size
|
|
|
|
title: Header 4 (H4) Font Size (em)
|
|
|
|
type: variable-number-slider
|
|
|
|
min: 0.5
|
|
|
|
max: 5
|
|
|
|
step: 0.05
|
|
|
|
default: 1.6
|
|
|
|
format: em
|
|
|
|
-
|
|
|
|
id: h5-size
|
|
|
|
title: Header 5 (H5) Font Size (em)
|
|
|
|
type: variable-number-slider
|
|
|
|
min: 0.5
|
|
|
|
max: 5
|
|
|
|
step: 0.05
|
|
|
|
default: 1.4
|
|
|
|
format: em
|
|
|
|
-
|
|
|
|
id: h6-size
|
|
|
|
title: Header 6 (H6) Font Size (em)
|
|
|
|
type: variable-number-slider
|
|
|
|
min: 0.5
|
|
|
|
max: 5
|
|
|
|
step: 0.05
|
|
|
|
default: 1.2
|
|
|
|
format: em
|
|
|
|
-
|
|
|
|
id: header-text-color
|
|
|
|
title: Header Text Color
|
|
|
|
description: Options for changing the color of each header type.
|
|
|
|
type: heading
|
|
|
|
level: 3
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: header-text-color-lt
|
|
|
|
title: Light Theme
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: h1-text-color-lt
|
|
|
|
title: Header 1 (H1) Text Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--text-normal)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--text-normal)
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--h1-text-color-custom-lt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: h1-text-color-custom-lt
|
|
|
|
title: Header 1 (H1) Custom Text Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Header 1 (H1) Text Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: h2-text-color-lt
|
|
|
|
title: Header 2 (H2) Text Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--text-normal)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--text-normal)
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--h2-text-color-custom-lt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: h2-text-color-custom-lt
|
|
|
|
title: Header 2 (H2) Custom Text Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Header 2 (H2) Text Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: h3-text-color-lt
|
|
|
|
title: Header 3 (H3) Text Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--text-normal)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--text-normal)
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--h3-text-color-custom-lt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: h3-text-color-custom-lt
|
|
|
|
title: Header 3 (H3) Custom Text Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Header 3 (H3) Text Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: h4-text-color-lt
|
|
|
|
title: Header 4 (H4) Text Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--text-normal)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--text-normal)
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--h4-text-color-custom-lt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: h4-text-color-custom-lt
|
|
|
|
title: Header 4 (H4) Custom Text Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Header 4 (H4) Text Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: h5-text-color-lt
|
|
|
|
title: Header 5 (H5) Text Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--text-normal)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--text-normal)
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--h5-text-color-custom-lt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: h5-text-color-custom-lt
|
|
|
|
title: Header 5 (H5) Custom Text Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Header 5 (H5) Text Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: h6-text-color-lt
|
|
|
|
title: Header 6 (H6) Text Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--text-normal)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--text-normal)
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--h6-text-color-custom-lt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: h6-text-color-custom-lt
|
|
|
|
title: Header 6 (H6) Custom Text Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Header 6 (H6) Text Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: header-text-color-dt
|
|
|
|
title: Dark Theme
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: h1-text-color-dt
|
|
|
|
title: Header 1 (H1) Text Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--text-normal)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--text-normal)
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--h1-text-color-custom-dt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: h1-text-color-custom-dt
|
|
|
|
title: Header 1 (H1) Custom Text Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme Header 1 (H1) Text Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: h2-text-color-dt
|
|
|
|
title: Header 2 (H2) Text Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--text-normal)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--text-normal)
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--h2-text-color-custom-dt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: h2-text-color-custom-dt
|
|
|
|
title: Header 2 (H2) Custom Text Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme Header 2 (H2) Text Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: h3-text-color-dt
|
|
|
|
title: Header 3 (H3) Text Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--text-normal)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--text-normal)
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--h3-text-color-custom-dt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: h3-text-color-custom-dt
|
|
|
|
title: Header 3 (H3) Custom Text Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme Header 3 (H3) Text Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: h4-text-color-dt
|
|
|
|
title: Header 4 (H4) Text Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--text-normal)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--text-normal)
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--h4-text-color-custom-dt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: h4-text-color-custom-dt
|
|
|
|
title: Header 4 (H4) Custom Text Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme Header 4 (H4) Text Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: h5-text-color-dt
|
|
|
|
title: Header 5 (H5) Text Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--text-normal)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--text-normal)
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--h5-text-color-custom-dt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: h5-text-color-custom-dt
|
|
|
|
title: Header 5 (H5) Custom Text Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme Header 5 (H5) Text Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: h6-text-color-dt
|
|
|
|
title: Header 6 (H6) Text Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--text-normal)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--text-normal)
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--h6-text-color-custom-dt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: h6-text-color-custom-dt
|
|
|
|
title: Header 6 (H6) Custom Text Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme Header 6 (H6) Text Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: editor-text-styles
|
|
|
|
title: Editor Text Color
|
|
|
|
description: Adjust the color of different types of text in the Editor.
|
|
|
|
type: heading
|
|
|
|
level: 2
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: editor-text-light-theme
|
|
|
|
title: Light Theme
|
|
|
|
type: heading
|
|
|
|
level: 3
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: text-bold-color-lt
|
|
|
|
title: Bold Text Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--text-normal)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--text-normal)
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--text-bold-custom-color-lt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: text-bold-custom-color-lt
|
|
|
|
title: Bold Text Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Bold Text Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: text-italic-color-lt
|
|
|
|
title: Italic Text Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--text-normal)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--text-normal)
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--text-italic-custom-color-lt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: text-italic-custom-color-lt
|
|
|
|
title: Italic Text Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Italic Text Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: text-italic-bold-color-lt
|
|
|
|
title: Italic and Bold Text Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--text-normal)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--text-normal)
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--text-italic-bold-custom-color-lt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: text-italic-bold-custom-color-lt
|
|
|
|
title: Italic Text Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Italic Text Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: link-internal-color-lt
|
|
|
|
title: Internal Link Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--interactive-accent-text)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--link-internal-custom-color-lt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: link-internal-custom-color-lt
|
|
|
|
title: Internal Link Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Internal Link Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: link-external-color-lt
|
|
|
|
title: External Link Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--interactive-accent-text)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--link-external-custom-color-lt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: link-external-custom-color-lt
|
|
|
|
title: External Link Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme External Link Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: editor-text-dark-theme
|
|
|
|
title: Dark Theme
|
|
|
|
type: heading
|
|
|
|
level: 3
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: text-bold-color-dt
|
|
|
|
title: Bold Text Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--text-normal)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--text-normal)
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--text-bold-custom-color-dt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: text-bold-custom-color-dt
|
|
|
|
title: Bold Text Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme Bold Text Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: text-italic-color-dt
|
|
|
|
title: Italic Text Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--text-normal)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--text-normal)
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--text-italic-custom-color-dt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: text-italic-custom-color-dt
|
|
|
|
title: Italic Text Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme Italic Text Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: text-italic-bold-color-dt
|
|
|
|
title: Italic and Bold Text Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--text-normal)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: var(--text-normal)
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--text-italic-bold-custom-color-dt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: text-italic-bold-custom-color-dt
|
|
|
|
title: Italic Text Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Italic Text Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: link-internal-color-dt
|
|
|
|
title: Internal Link Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--interactive-accent-text)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--link-internal-custom-color-dt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: link-internal-custom-color-dt
|
|
|
|
title: Internal Link Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme Internal Link Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: link-external-color-dt
|
|
|
|
title: External Link Color Preset
|
|
|
|
type: variable-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: var(--interactive-accent-text)
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: var(--interactive-accent-text)
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: var(--link-external-custom-color-dt)
|
|
|
|
-
|
|
|
|
label: Red
|
|
|
|
value: var(--color-red-text)
|
|
|
|
-
|
|
|
|
label: Orange
|
|
|
|
value: var(--color-orange-text)
|
|
|
|
-
|
|
|
|
label: Yellow
|
|
|
|
value: var(--color-yellow-text)
|
|
|
|
-
|
|
|
|
label: Green
|
|
|
|
value: var(--color-green-text)
|
|
|
|
-
|
|
|
|
label: Mint
|
|
|
|
value: var(--color-mint-text)
|
|
|
|
-
|
|
|
|
label: Cyan
|
|
|
|
value: var(--color-cyan-text)
|
|
|
|
-
|
|
|
|
label: Blue
|
|
|
|
value: var(--color-blue-text)
|
|
|
|
-
|
|
|
|
label: Purple
|
|
|
|
value: var(--color-purple-text)
|
|
|
|
-
|
|
|
|
label: Pink
|
|
|
|
value: var(--color-pink-text)
|
|
|
|
-
|
|
|
|
label: Grey
|
|
|
|
value: var(--color-grey-text)
|
|
|
|
-
|
|
|
|
id: link-external-custom-color-dt
|
|
|
|
title: External Link Custom Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme External Link Color Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: mark-highlight-styles
|
|
|
|
title: Mark Highlight
|
|
|
|
description: Adjusts the style used by the <mark> tag highlight system. Colors available = red, orange, yellow, green, mint, cyan, blue, purple, pink and grey. e.g. <mark class="red">Your text</mark>
|
|
|
|
type: heading
|
|
|
|
level: 2
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: mark-highlight-light-theme
|
|
|
|
title: Light Theme
|
|
|
|
type: heading
|
|
|
|
level: 3
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: light-mark-highlight-style
|
|
|
|
title: Mark Highlight Style
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-highlight-style-borderandfilled-lt
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: None
|
|
|
|
value: pt-highlight-style-none-lt
|
|
|
|
-
|
|
|
|
label: Border
|
|
|
|
value: pt-highlight-style-border-lt
|
|
|
|
-
|
|
|
|
label: Filled
|
|
|
|
value: pt-highlight-style-filled-lt
|
|
|
|
-
|
|
|
|
label: Border & Filled
|
|
|
|
value: pt-highlight-style-borderandfilled-lt
|
|
|
|
-
|
|
|
|
id: light-mark-highlight-text-color-preset
|
|
|
|
title: Mark Highlight Text Color Preset
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-highlight-text-color-lt
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: None
|
|
|
|
value: pt-highlight-text-none-lt
|
|
|
|
-
|
|
|
|
label: Color
|
|
|
|
value: pt-highlight-text-color-lt
|
|
|
|
-
|
|
|
|
id: mark-highlight-dark-theme
|
|
|
|
title: Dark Theme
|
|
|
|
type: heading
|
|
|
|
level: 3
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: dark-mark-highlight-style
|
|
|
|
title: Mark Highlight Style
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-highlight-style-borderandfilled-dt
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: None
|
|
|
|
value: pt-highlight-style-none-dt
|
|
|
|
-
|
|
|
|
label: Border
|
|
|
|
value: pt-highlight-style-border-dt
|
|
|
|
-
|
|
|
|
label: Filled
|
|
|
|
value: pt-highlight-style-filled-dt
|
|
|
|
-
|
|
|
|
label: Border & Filled
|
|
|
|
value: pt-highlight-style-borderandfilled-dt
|
|
|
|
-
|
|
|
|
id: dark-mark-highlight-text-color-preset
|
|
|
|
title: Mark Highlight Text Color Preset
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-highlight-text-color-dt
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: None
|
|
|
|
value: pt-highlight-text-none-dt
|
|
|
|
-
|
|
|
|
label: Color
|
|
|
|
value: pt-highlight-text-color-dt
|
|
|
|
-
|
|
|
|
id: user-interface
|
|
|
|
title: User Interface
|
|
|
|
description: Settings for spacing, position, alignment and other adjustments of different UI elements.
|
|
|
|
type: heading
|
|
|
|
level: 1
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: window-adjustments
|
|
|
|
title: Window Adjustments
|
|
|
|
description: Settings for changing the gaps between windows and border radius around all UI elements.
|
|
|
|
type: heading
|
|
|
|
level: 2
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: radius-m
|
|
|
|
title: Border Radius Medium (px)
|
|
|
|
description: The size of the border radius around larger elements of the UI.
|
|
|
|
type: variable-number-slider
|
|
|
|
format: 'px'
|
|
|
|
default: 8
|
|
|
|
level: 2
|
|
|
|
min: 0
|
|
|
|
max: 20
|
|
|
|
step: 1
|
|
|
|
-
|
|
|
|
id: radius-s
|
|
|
|
title: Border Radius Small (px)
|
|
|
|
description: The size of the border radius around smaller elements of the UI.
|
|
|
|
type: variable-number-slider
|
|
|
|
format: 'px'
|
|
|
|
default: 4
|
|
|
|
level: 2
|
|
|
|
min: 0
|
|
|
|
max: 20
|
|
|
|
step: 1
|
|
|
|
-
|
|
|
|
id: sidebar-elements
|
|
|
|
title: Sidebar Elements
|
|
|
|
description: Settings for positioning, alignment, etc. of different UI elements within the Sidebars.
|
|
|
|
type: heading
|
|
|
|
level: 2
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: tab-label
|
|
|
|
title: Tab Label
|
|
|
|
description: Settings for positioning, alignment, etc. of the Tab Labels.
|
|
|
|
type: heading
|
|
|
|
level: 3
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: left-sidebar-tab-label-alignment
|
|
|
|
title: Left Sidebar Tab Label Alignment
|
|
|
|
description: Horizontal Alignment of the Tab Labels in the Left Sidebar.
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-tab-label-left-sidebar-left
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Left
|
|
|
|
value: pt-tab-label-left-sidebar-left
|
|
|
|
-
|
|
|
|
label: Center
|
|
|
|
value: pt-tab-label-left-sidebar-center
|
|
|
|
-
|
|
|
|
label: Right
|
|
|
|
value: pt-tab-label-left-sidebar-right
|
|
|
|
-
|
|
|
|
id: right-sidebar-tab-label-alignment
|
|
|
|
title: Right Sidebar Tab Label Alignment
|
|
|
|
description: Horizontal Alignment of the Tab Labels in the Right Sidebar.
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-tab-label-right-sidebar-left
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Left
|
|
|
|
value: pt-tab-label-right-sidebar-left
|
|
|
|
-
|
|
|
|
label: Center
|
|
|
|
value: pt-tab-label-right-sidebar-center
|
|
|
|
-
|
|
|
|
label: Right
|
|
|
|
value: pt-tab-label-right-sidebar-right
|
|
|
|
-
|
|
|
|
id: nav-header
|
|
|
|
title: Nav Header
|
|
|
|
description: Settings for positioning, alignment, etc. of the Nav Headers.
|
|
|
|
type: heading
|
|
|
|
level: 3
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: nav-header-left-sidebar-position
|
|
|
|
title: Left Sidebar Nav Header Position
|
|
|
|
description: Vertical Position of the Nav Header in the Left Sidebar Workspace Leaf.
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-nav-header-left-sidebar-position-bottom
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Top
|
|
|
|
value: pt-nav-header-left-sidebar-position-top
|
|
|
|
-
|
|
|
|
label: Bottom
|
|
|
|
value: pt-nav-header-left-sidebar-position-bottom
|
|
|
|
-
|
|
|
|
id: nav-header-left-sidebar-alignment
|
|
|
|
title: Left Sidebar Nav Header Alignment
|
|
|
|
description: Horizontal Alignment of the Nav Header in the Left Sidebar Workspace Leaf.
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-nav-header-left-sidebar-align-center
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Left
|
|
|
|
value: pt-nav-header-left-sidebar-align-left
|
|
|
|
-
|
|
|
|
label: Center
|
|
|
|
value: pt-nav-header-left-sidebar-align-center
|
|
|
|
-
|
|
|
|
label: Right
|
|
|
|
value: pt-nav-header-left-sidebar-align-right
|
|
|
|
-
|
|
|
|
id: nav-header-right-sidebar-position
|
|
|
|
title: Right Sidebar Nav Header Position
|
|
|
|
description: Vertical Position of the Nav Header in the Right Sidebar Workspace Leaf.
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-nav-header-right-sidebar-position-bottom
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Top
|
|
|
|
value: pt-nav-header-right-sidebar-position-top
|
|
|
|
-
|
|
|
|
label: Bottom
|
|
|
|
value: pt-nav-header-right-sidebar-position-bottom
|
|
|
|
-
|
|
|
|
id: nav-header-right-sidebar-alignment
|
|
|
|
title: Right Sidebar Nav Header Alignment
|
|
|
|
description: Horizontal Alignment of the Nav Header in the Right Sidebar Workspace Leaf.
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-nav-header-right-sidebar-align-center
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Left
|
|
|
|
value: pt-nav-header-right-sidebar-align-left
|
|
|
|
-
|
|
|
|
label: Center
|
|
|
|
value: pt-nav-header-right-sidebar-align-center
|
|
|
|
-
|
|
|
|
label: Right
|
|
|
|
value: pt-nav-header-right-sidebar-align-right
|
|
|
|
-
|
|
|
|
id: file-explorer
|
|
|
|
title: File Explorer
|
|
|
|
description: Customisation options for the File Explorer module.
|
|
|
|
type: heading
|
|
|
|
level: 3
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: file-explorer-left-margin
|
|
|
|
title: File Explorer File/Folder Left Margin (px)
|
|
|
|
description: Increases the Left Margin for Files/Folders in order indent them within another folder.
|
|
|
|
type: variable-number-slider
|
|
|
|
format: 'px'
|
2022-10-25 20:43:45 +08:00
|
|
|
default: 0
|
|
|
|
min: 0
|
2022-10-22 18:59:09 +08:00
|
|
|
max: 25
|
|
|
|
step: 1
|
|
|
|
-
|
|
|
|
id: custom-vault-banner
|
|
|
|
title: Custom Vault Banner
|
|
|
|
description: Custom Vault Banner in the File Explorer with a custom icon option.
|
|
|
|
type: heading
|
|
|
|
level: 4
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: pt-custom-vault-banner
|
|
|
|
title: Enable Custom Vault Banner
|
|
|
|
description: Enables the Custom Vault Banner in the File Explorer.
|
|
|
|
type: class-toggle
|
|
|
|
default: true
|
|
|
|
-
|
|
|
|
id: custom-vault-banner-horizontal-align
|
|
|
|
title: Custom Vault Banner Alignment
|
|
|
|
description: Horizontally aligns the Custom Vault Banner content.
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-custom-vault-banner-justify-content-center
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Left
|
|
|
|
value: pt-custom-vault-banner-justify-content-left
|
|
|
|
-
|
|
|
|
label: Center
|
|
|
|
value: pt-custom-vault-banner-justify-content-center
|
|
|
|
-
|
|
|
|
label: Right
|
|
|
|
value: pt-custom-vault-banner-justify-content-right
|
|
|
|
-
|
|
|
|
id: custom-vault-banner-order
|
|
|
|
title: Custom Vault Banner Order
|
|
|
|
description: Select the order in which the content appears in the Custom Vault Banner.
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-custom-vault-banner-order-ltr
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Left to Right
|
|
|
|
value: pt-custom-vault-banner-order-ltr
|
|
|
|
-
|
|
|
|
label: Right to Left
|
|
|
|
value: pt-custom-vault-banner-order-rtl
|
|
|
|
-
|
|
|
|
id: pt-custom-vault-banner-sticky
|
|
|
|
title: Custom Vault Banner Sticky
|
|
|
|
description: Make the Custom Vault Banner stick to the top of the File Explorer.
|
|
|
|
type: class-toggle
|
|
|
|
default: true
|
|
|
|
-
|
|
|
|
id: custom-vault-banner-icon-url
|
|
|
|
title: Vault Banner Icon (URL)
|
|
|
|
description: Customise the Vault Banner Icon. Insert a URL to an image in between the brackets of 'url()'.
|
|
|
|
type: variable-text
|
|
|
|
default: url(data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px'%0Awidth='40' height='40'%0AviewBox='0 0 40 40'%0Astyle=' fill:%23000000;'%3E%3Cpath fill='%23dbb065' d='M1.5 35.5L1.5 4.5 11.793 4.5 14.793 7.5 35.5 7.5 35.5 35.5z'%3E%3C/path%3E%3Cpath fill='%23967a44' d='M11.586,5l2.707,2.707L14.586,8H15h20v27H2V5H11.586 M12,4H1v32h35V7H15L12,4L12,4z'%3E%3C/path%3E%3Cg%3E%3Cpath fill='%23f5ce85' d='M1.599 35.5L5.417 14.5 16.151 14.5 19.151 12.5 39.41 12.5 35.577 35.5z'%3E%3C/path%3E%3Cpath fill='%23967a44' d='M38.82,13l-3.667,22H2.198l3.636-20H16h0.303l0.252-0.168L19.303,13H38.82 M40,12H19l-3,2H5L1,36 h35L40,12L40,12z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E)
|
|
|
|
-
|
|
|
|
id: titlebar
|
|
|
|
title: Titlebar
|
|
|
|
description: Settings for changing the style of the Titlebar.
|
|
|
|
type: heading
|
|
|
|
level: 2
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: pt-titlebar-hide-text
|
|
|
|
title: Hide Titlebar Title Text
|
|
|
|
description: Hides the Titlebar Title Text (Useful when the Statusbar is at the top).
|
|
|
|
type: class-toggle
|
|
|
|
default: false
|
|
|
|
-
|
|
|
|
id: status-bar
|
|
|
|
title: Status Bar
|
|
|
|
description: Settings for the Status Bar. Adjust position, Change the order of items, etc.
|
|
|
|
type: heading
|
|
|
|
level: 2
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: pt-status-bar-style
|
|
|
|
title: Status Bar Style
|
|
|
|
description: Change the Position of the Status Bar.
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-status-bar-position-floating
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Floating
|
|
|
|
value: pt-status-bar-position-floating
|
|
|
|
-
|
|
|
|
label: Fixed
|
|
|
|
value: pt-status-bar-position-fixed
|
|
|
|
-
|
|
|
|
id: pt-fixed-status-bar-align
|
|
|
|
title: Fixed Status Bar Horizontal Alignment
|
|
|
|
description: Change the Horizontal Alignment of the Fixed Status Bar.
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
|
|
|
default: pt-status-bar-align-center
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Left
|
|
|
|
value: pt-fixed-status-bar-align-left
|
|
|
|
-
|
|
|
|
label: Center
|
|
|
|
value: pt-fixed-status-bar-align-center
|
|
|
|
-
|
|
|
|
label: Right
|
|
|
|
value: pt-fixed-status-bar-align-right
|
|
|
|
-
|
|
|
|
id: status-bar-customisation-lt
|
|
|
|
title: Light Theme Customisation
|
|
|
|
type: heading
|
|
|
|
level: 3
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: status-bar-preset-lt
|
|
|
|
title: Status Bar Preset
|
|
|
|
description: Choose between Default and Custom colors for the Light Theme Status Bar.
|
|
|
|
default: pt-status-bar-default-lt
|
|
|
|
type: class-select
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: pt-status-bar-default-lt
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: pt-status-bar-custom-lt
|
|
|
|
-
|
|
|
|
id: status-bar-background-color-lt
|
|
|
|
title: Status Bar Background Color
|
|
|
|
description: Make sure you selected 'Custom' in Light Theme Status Bar Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#EBECEF'
|
|
|
|
-
|
|
|
|
id: status-bar-text-color-lt
|
|
|
|
title: Status Bar Text/Icons Color
|
|
|
|
description: Choose the color used for the Light Theme Status Bar Text/Icons.
|
|
|
|
default: pt-status-bar-text-dark-lt
|
|
|
|
type: class-select
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Light
|
|
|
|
value: pt-status-bar-text-light-lt
|
|
|
|
-
|
|
|
|
label: Dark
|
|
|
|
value: pt-status-bar-text-dark-lt
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: pt-status-bar-text-accent-lt
|
|
|
|
-
|
|
|
|
id: status-bar-customisation-dt
|
|
|
|
title: Dark Theme Customisation
|
|
|
|
type: heading
|
|
|
|
level: 3
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: status-bar-preset-dt
|
|
|
|
title: Status Bar Preset
|
|
|
|
description: Choose between Default and Custom colors for the Dark Theme Status Bar.
|
|
|
|
default: pt-status-bar-default-dt
|
|
|
|
level: 2
|
|
|
|
type: class-select
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Default
|
|
|
|
value: pt-status-bar-default-dt
|
|
|
|
-
|
|
|
|
label: Custom
|
|
|
|
value: pt-status-bar-custom-dt
|
|
|
|
-
|
|
|
|
id: status-bar-background-color-dt
|
|
|
|
title: Status Bar Background Color
|
|
|
|
description: Make sure you selected 'Custom' in Dark Theme Status Bar Preset for this to work.
|
|
|
|
type: variable-color
|
|
|
|
format: hsl
|
|
|
|
opacity: false
|
|
|
|
default: '#2B2B2B'
|
|
|
|
-
|
|
|
|
id: status-bar-text-color-dt
|
|
|
|
title: Status Bar Text/Icons Color
|
|
|
|
description: Choose the color used for the Dark Theme Status Bar Text/Icons.
|
|
|
|
default: pt-status-bar-text-light-dt
|
|
|
|
type: class-select
|
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Light
|
|
|
|
value: pt-status-bar-text-light-dt
|
|
|
|
-
|
|
|
|
label: Dark
|
|
|
|
value: pt-status-bar-text-dark-dt
|
|
|
|
-
|
|
|
|
label: Accent Color
|
|
|
|
value: pt-status-bar-text-accent-dt
|
|
|
|
-
|
|
|
|
id: scrollbar
|
|
|
|
title: Scrollbar
|
|
|
|
description: Settings for the Scrollbar. Adjust the width, Add Scroll Buttons, etc.
|
|
|
|
type: heading
|
|
|
|
level: 2
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: scroll-bar-size
|
|
|
|
title: Scrollbar Width
|
|
|
|
description: Change the width of the Scrollbar (px).
|
|
|
|
type: variable-number-slider
|
|
|
|
default: 12
|
|
|
|
min: 5
|
|
|
|
max: 20
|
|
|
|
format: px
|
|
|
|
-
|
|
|
|
id: plugins
|
|
|
|
title: Plugins
|
|
|
|
description: Plugin Specific Settings.
|
|
|
|
type: heading
|
|
|
|
level: 1
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: kanban-settings
|
|
|
|
title: Kanban
|
|
|
|
description: Mgmeyers Obsidian Kanban Plugin (https://github.com/mgmeyers/obsidian-kanban).
|
|
|
|
type: heading
|
|
|
|
level: 2
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: pt-disable-kanban-title-count
|
|
|
|
title: Disable Kanban Title Card Count
|
|
|
|
description: Removes the Card Count in the Kanban Lane Title.
|
|
|
|
type: class-toggle
|
|
|
|
default: false
|
|
|
|
-
|
|
|
|
id: pt-center-kanban-title-text
|
|
|
|
title: Center Kanban Title Text
|
|
|
|
description: Aligns the Kanban Lane Title to the center.
|
|
|
|
type: class-toggle
|
|
|
|
default: true
|
|
|
|
-
|
|
|
|
id: pt-kanban-background-lt
|
|
|
|
title: Light Theme Kanban Background
|
|
|
|
description: Change the Light Theme background of the Kanban board.
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
2022-10-25 20:43:45 +08:00
|
|
|
default: pt-kanban-background-grid-lt
|
2022-10-22 18:59:09 +08:00
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Solid Color
|
|
|
|
value: pt-kanban-background-default-lt
|
|
|
|
-
|
2022-10-25 20:43:45 +08:00
|
|
|
label: Dots
|
|
|
|
value: pt-kanban-background-dots-lt
|
2022-10-22 18:59:09 +08:00
|
|
|
-
|
2022-10-25 20:43:45 +08:00
|
|
|
label: Grid
|
|
|
|
value: pt-kanban-background-grid-lt
|
2022-10-22 18:59:09 +08:00
|
|
|
-
|
|
|
|
id: pt-kanban-background-dt
|
|
|
|
title: Dark Theme Kanban Background
|
|
|
|
description: Change the Dark Theme background of the Kanban board.
|
|
|
|
type: class-select
|
|
|
|
allowEmpty: false
|
2022-10-25 20:43:45 +08:00
|
|
|
default: pt-kanban-background-grid-dt
|
2022-10-22 18:59:09 +08:00
|
|
|
options:
|
|
|
|
-
|
|
|
|
label: Solid Color
|
|
|
|
value: pt-kanban-background-default-dt
|
|
|
|
-
|
2022-10-25 20:43:45 +08:00
|
|
|
label: Dots
|
|
|
|
value: pt-kanban-background-dots-dt
|
2022-10-22 18:59:09 +08:00
|
|
|
-
|
2022-10-25 20:43:45 +08:00
|
|
|
label: Grid
|
|
|
|
value: pt-kanban-background-grid-dt
|
2022-10-22 18:59:09 +08:00
|
|
|
-
|
|
|
|
id: icon-folder-settings
|
|
|
|
title: Icon Folder
|
|
|
|
description: Florian Woelki Icon Folder (https://github.com/FlorianWoelki/obsidian-icon-folder).
|
|
|
|
type: heading
|
|
|
|
level: 2
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: pt-icon-folder-accent
|
|
|
|
title: Use UI Accent Color for Icon Folder
|
|
|
|
description: Makes the Folder Icons inherit the UI Accent Color.
|
|
|
|
type: class-toggle
|
|
|
|
default: true
|
|
|
|
-
|
|
|
|
id: icons-settings
|
|
|
|
title: Icons
|
|
|
|
description: visini Icons (https://github.com/visini/obsidian-icons-plugin).
|
|
|
|
type: heading
|
|
|
|
level: 2
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: pt-icons-accent
|
|
|
|
title: Use UI Accent Color for Icons
|
|
|
|
description: Makes the Icons inherit the UI Accent Color.
|
|
|
|
type: class-toggle
|
|
|
|
default: false
|
|
|
|
-
|
|
|
|
id: feature-toggles
|
|
|
|
title: Feature Toggles
|
|
|
|
description: Disable / hide certain aspects of the theme.
|
|
|
|
type: heading
|
|
|
|
level: 1
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: pt-disable-blur
|
|
|
|
title: Disable Blurred Background Effect
|
|
|
|
description: Disables the blur background in all elements that use it by making them opaque.
|
|
|
|
default: false
|
|
|
|
type: class-toggle
|
|
|
|
-
|
|
|
|
id: pt-fade-inactive-tabs
|
|
|
|
title: Fade Inactive Tabs
|
|
|
|
description: Fades out inactive UI tabs to help distinguish the currently active tab.
|
|
|
|
default: false
|
|
|
|
type: class-toggle
|
|
|
|
-
|
|
|
|
id: support
|
|
|
|
title: Support the Development of Prism
|
|
|
|
description: If you are enjoying the theme here are some ways to support its development.
|
|
|
|
type: heading
|
|
|
|
level: 1
|
|
|
|
collapsed: false
|
|
|
|
-
|
|
|
|
id: support-star-repo
|
|
|
|
title: Star the project on GitHub
|
|
|
|
description: https://github.com/damiankorcz/Prism-Theme
|
|
|
|
type: heading
|
|
|
|
level: 2
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: support-submit-issue
|
|
|
|
title: Submit an issue with the theme
|
|
|
|
description: https://github.com/damiankorcz/Prism-Theme/issues
|
|
|
|
type: heading
|
|
|
|
level: 2
|
|
|
|
collapsed: true
|
|
|
|
-
|
|
|
|
id: support-donate
|
|
|
|
title: Buy Me a Coffee
|
|
|
|
description: https://www.buymeacoffee.com/DamianKorcz
|
|
|
|
type: heading
|
|
|
|
level: 2
|
|
|
|
collapsed: true
|
|
|
|
*/
|
|
|
|
/*!
|
|
|
|
/* @plugins
|
|
|
|
core:
|
|
|
|
- audio-recorder
|
|
|
|
- backlink
|
|
|
|
- command-palette
|
|
|
|
- daily-notes
|
|
|
|
- file-explorer
|
|
|
|
- file-recovery
|
|
|
|
- global-search
|
|
|
|
- graph
|
|
|
|
- markdown-importer
|
|
|
|
- note-composer
|
|
|
|
- open-with-default-app
|
|
|
|
- outgoing-link
|
|
|
|
- outline
|
|
|
|
- page-preview
|
|
|
|
- publish
|
|
|
|
- random-note
|
|
|
|
- slash-commands
|
|
|
|
- slides
|
|
|
|
- starred
|
|
|
|
- sync
|
|
|
|
- switcher
|
|
|
|
- tag-pane
|
|
|
|
- templates
|
|
|
|
- word-count
|
|
|
|
- workspaces
|
|
|
|
- zk-prefixer
|
|
|
|
|
|
|
|
community:
|
|
|
|
- obsidian-collapse-all-plugin
|
|
|
|
- table-editor-obsidian
|
|
|
|
- obsidian-kanban
|
|
|
|
- quick-explorer
|
|
|
|
- calendar
|
|
|
|
- cmenu-plugin
|
|
|
|
- obsidian-dangling-links
|
|
|
|
- pane-relief
|
|
|
|
- obsidian-icon-folder
|
|
|
|
- obsidian-map-view
|
|
|
|
- obsidian-emoji-toolbar
|
|
|
|
- obsidian-reminder-plugin
|
|
|
|
- obsidian-tagfolder
|
|
|
|
- obsidian-dictionary-plugin
|
|
|
|
- obsidian-icons-plugin
|
|
|
|
- obsidian-jump-to-date-plugin
|
|
|
|
- obsidian-hover-editor
|
|
|
|
- obsidian-quiet-outline
|
|
|
|
- recent-files-obsidian
|
|
|
|
- file-tree-alternative
|
|
|
|
*/
|