Skip to content
This repository was archived by the owner on Jul 22, 2023. It is now read-only.

Commit b646494

Browse files
siriscmvsiriscmv
authored
feat(UI): Add support for ipynb (Jupyter) files (#54)
1 parent c8e7bb2 commit b646494

File tree

1 file changed

+212
-1
lines changed

1 file changed

+212
-1
lines changed

‎catppuccin.user.css‎

Lines changed: 212 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,9 @@
1111
@var checkbox topbar "Topbar colors" 1
1212
@var checkbox usefont "Use Inter font" 0
1313
==/UserStyle== */
14-
@-moz-document regexp("https:\/\/(gist\.)*github\.com(?!\/(marketplace|organizations\/plan)).*") {
14+
15+
@-moz-document regexp("https:\/\/*github\.com") {
16+
1517
if (theme=="Latte") {
1618
$type = light
1719

@@ -136,6 +138,7 @@
136138
$crust = #11111b
137139
$shadow = $crust
138140
}
141+
139142
if (accent-color=="Rosewater") {
140143
$accent-color = $rosewater;
141144
} else if (accent-color=="Flamingo") {
@@ -167,6 +170,7 @@
167170
} else if (accent-color=="Gray") {
168171
$accent-color = $subtext0
169172
}
173+
170174
/* Functions */
171175
hoverColor(col) {
172176
return blend(alpha(col, 0.7), $text)
@@ -180,6 +184,12 @@
180184
return blend(alpha(col, 0.4), $base)
181185
}
182186

187+
}
188+
189+
190+
191+
@-moz-document regexp("https:\/\/(gist\.)*github\.com(?!\/(marketplace|organizations\/plan)).*") {
192+
183193
[data-color-mode="light"][data-light-theme*="dark"],
184194
[data-color-mode="light"][data-light-theme*="light"],
185195
[data-color-mode="dark"][data-dark-theme*="dark"],
@@ -843,10 +853,211 @@
843853
color: $subtext1 !important;
844854
}
845855

856+
846857
/* Notifications */
847858
.notification-indicator .mail-status {
848859
background-image: none;
849860
background-color: $accent-color;
850861
}
851862

852863
}
864+
865+
866+
867+
@-moz-document regexp("https:\/\/notebooks\.githubusercontent\.com\/view\/ipynb.*") {
868+
869+
:root {
870+
/* Colors */
871+
--color-scale-black: #010409;
872+
--color-scale-white: #ffffff;
873+
--color-scale-gray-0: #f0f6fc;
874+
--color-scale-gray-1: #c9d1d9;
875+
--color-scale-gray-2: #b1bac4;
876+
--color-scale-gray-3: #8b949e;
877+
--color-scale-gray-4: #6e7681;
878+
--color-scale-gray-5: #484f58;
879+
--color-scale-gray-6: #30363d;
880+
--color-scale-gray-7: #21262d;
881+
--color-scale-gray-8: #161b22;
882+
--color-scale-gray-9: #0d1117;
883+
--color-scale-blue-0: #cae8ff;
884+
--color-scale-blue-1: #a5d6ff;
885+
--color-scale-blue-2: #79c0ff;
886+
--color-scale-blue-3: #58a6ff;
887+
--color-scale-blue-4: #388bfd;
888+
--color-scale-blue-5: #1f6feb;
889+
--color-scale-blue-6: #1158c7;
890+
--color-scale-blue-7: #0d419d;
891+
--color-scale-blue-8: #0c2d6b;
892+
--color-scale-blue-9: #051d4d;
893+
--color-scale-green-0: #aff5b4;
894+
--color-scale-green-1: #7ee787;
895+
--color-scale-green-2: #56d364;
896+
--color-scale-green-3: #3fb950;
897+
--color-scale-green-4: #2ea043;
898+
--color-scale-green-5: #238636;
899+
--color-scale-green-6: #196c2e;
900+
--color-scale-green-7: #0f5323;
901+
--color-scale-green-8: #033a16;
902+
--color-scale-green-9: #04260f;
903+
--color-scale-yellow-0: #f8e3a1;
904+
--color-scale-yellow-1: #f2cc60;
905+
--color-scale-yellow-2: #e3b341;
906+
--color-scale-yellow-3: #d29922;
907+
--color-scale-yellow-4: #bb8009;
908+
--color-scale-yellow-5: #9e6a03;
909+
--color-scale-yellow-6: #845306;
910+
--color-scale-yellow-7: #693e00;
911+
--color-scale-yellow-8: #4b2900;
912+
--color-scale-yellow-9: #341a00;
913+
--color-scale-orange-0: #ffdfb6;
914+
--color-scale-orange-1: #ffc680;
915+
--color-scale-orange-2: #ffa657;
916+
--color-scale-orange-3: #f0883e;
917+
--color-scale-orange-4: #db6d28;
918+
--color-scale-orange-5: #bd561d;
919+
--color-scale-orange-6: #9b4215;
920+
--color-scale-orange-7: #762d0a;
921+
--color-scale-orange-8: #5a1e02;
922+
--color-scale-orange-9: #3d1300;
923+
--color-scale-red-0: #ffdcd7;
924+
--color-scale-red-1: #ffc1ba;
925+
--color-scale-red-2: #ffa198;
926+
--color-scale-red-3: #ff7b72;
927+
--color-scale-red-4: #f85149;
928+
--color-scale-red-5: #da3633;
929+
--color-scale-red-6: #b62324;
930+
--color-scale-red-7: #8e1519;
931+
--color-scale-red-8: #67060c;
932+
--color-scale-red-9: #490202;
933+
--color-scale-purple-0: #eddeff;
934+
--color-scale-purple-1: #e2c5ff;
935+
--color-scale-purple-2: #d2a8ff;
936+
--color-scale-purple-3: #bc8cff;
937+
--color-scale-purple-4: #a371f7;
938+
--color-scale-purple-5: #8957e5;
939+
--color-scale-purple-6: #6e40c9;
940+
--color-scale-purple-7: #553098;
941+
--color-scale-purple-8: #3c1e70;
942+
--color-scale-purple-9: #271052;
943+
--color-scale-pink-0: #ffdaec;
944+
--color-scale-pink-1: #ffbedd;
945+
--color-scale-pink-2: #ff9bce;
946+
--color-scale-pink-3: #f778ba;
947+
--color-scale-pink-4: #db61a2;
948+
--color-scale-pink-5: #bf4b8a;
949+
--color-scale-pink-6: #9e3670;
950+
--color-scale-pink-7: #7d2457;
951+
--color-scale-pink-8: #5e103e;
952+
--color-scale-pink-9: #42062a;
953+
--color-scale-coral-0: #FFDDD2;
954+
--color-scale-coral-1: #FFC2B2;
955+
--color-scale-coral-2: #FFA28B;
956+
--color-scale-coral-3: #F78166;
957+
--color-scale-coral-4: #EA6045;
958+
--color-scale-coral-5: #CF462D;
959+
--color-scale-coral-6: #AC3220;
960+
--color-scale-coral-7: #872012;
961+
--color-scale-coral-8: #640D04;
962+
--color-scale-coral-9: #460701;
963+
964+
--jp-border-color0: var(--color-scale-gray-7);
965+
--jp-border-color1: var(--color-scale-gray-7);
966+
--jp-border-color2: var(--color-scale-gray-8);
967+
--jp-border-color3: var(--color-scale-gray-9);
968+
--jp-ui-font-color0: $text;
969+
--jp-ui-font-color1: alpha($text, 0.87);
970+
--jp-ui-font-color2: alpha($text, 0.54);
971+
--jp-ui-font-color3: alpha($text, 0.38);
972+
--jp-ui-inverse-font-color0: $crust;
973+
--jp-ui-inverse-font-color1: alpha($crust, 0.80);
974+
--jp-ui-inverse-font-color2: alpha($crust, 0.50);
975+
--jp-ui-inverse-font-color3: alpha($crust, 0.30);
976+
--jp-content-font-color0: $text;
977+
--jp-content-font-color1: $text;
978+
--jp-content-font-color2: alpha($text, 0.70);
979+
--jp-content-font-color3: alpha($text, 0.50);
980+
--jp-content-link-color: var(--color-scale-blue-3);
981+
--jp-layout-color0: $base !important;
982+
--jp-layout-color1: var(--color-scale-gray-9);
983+
--jp-layout-color2: var(--color-scale-gray-8);
984+
--jp-layout-color3: var(--color-scale-gray-7);
985+
--jp-layout-color4: var(--color-scale-gray-6);
986+
--jp-inverse-layout-color0: var(--color-scale-white);
987+
--jp-inverse-layout-color1: var(--color-scale-white);
988+
--jp-inverse-layout-color2: var(--color-scale-gray-2);
989+
--jp-inverse-layout-color3: var(--color-scale-gray-4);
990+
--jp-inverse-layout-color4: var(--color-scale-gray-6);
991+
--jp-brand-color0: var(--color-scale-blue-7);
992+
--jp-brand-color1: var(--color-scale-blue-5);
993+
--jp-brand-color2: var(--color-scale-blue-3);
994+
--jp-brand-color3: var(--color-scale-blue-1);
995+
--jp-brand-color4: var(--color-scale-blue-0);
996+
--jp-accent-color0: var(--color-scale-green-7);
997+
--jp-accent-color1: var(--color-scale-green-5);
998+
--jp-accent-color2: var(--color-scale-green-3);
999+
--jp-accent-color3: var(--color-scale-green-1);
1000+
--jp-warn-color0: var(--color-scale-orange-7);
1001+
--jp-warn-color1: var(--color-scale-orange-5);
1002+
--jp-warn-color2: var(--color-scale-orange-3);
1003+
--jp-warn-color3: var(--color-scale-orange-1);
1004+
--jp-error-color0: var(--color-scale-red-7);
1005+
--jp-error-color1: var(--color-scale-red-5);
1006+
--jp-error-color2: var(--color-scale-red-3);
1007+
--jp-error-color3: var(--color-scale-red-1);
1008+
--jp-success-color0: var(--color-scale-green-7);
1009+
--jp-success-color1: var(--color-scale-green-5);
1010+
--jp-success-color2: var(--color-scale-green-3);
1011+
--jp-success-color3: var(--color-scale-green-1);
1012+
--jp-info-color0: var(--color-scale-blue-7);
1013+
--jp-info-color1: var(--color-scale-blue-5);
1014+
--jp-info-color2: var(--color-scale-blue-3);
1015+
--jp-info-color3: var(--color-scale-blue-1);
1016+
--jp-cell-editor-border-color: var(--color-scale-gray-7);
1017+
--jp-cell-editor-box-shadow: inset 0 0 2px var(--color-scale-blue-3);
1018+
--jp-cell-prompt-not-active-font-color: alpha($text, 0.5);
1019+
--jp-cell-inprompt-font-color: var(--color-scale-blue-6);
1020+
--jp-cell-outprompt-font-color: var(--color-scale-coral-6);
1021+
--jp-notebook-multiselected-color: alpha($overlay2, 0.24);
1022+
--jp-rendermime-error-background: alpha($red, 0.28);
1023+
--jp-rendermime-table-row-background: var(--color-scale-gray-9);
1024+
--jp-rendermime-table-row-hover-background: alpha($surface2, 0.24);
1025+
--jp-dialog-background: alpha($crust, 0.6);
1026+
--jp-toolbar-box-shadow: 0px 0px 2px 0px alpha($crust, 0.8);
1027+
--jp-input-box-shadow: inset 0 0 2px var(--color-scale-blue-3);
1028+
--jp-input-background: var(--color-scale-gray-8);
1029+
--jp-input-active-box-shadow-color: alpha($blue, 0.3);
1030+
--jp-editor-selected-focused-background: alpha($blue, 0.24);
1031+
--jp-mirror-editor-keyword-color: var(--color-scale-green-5);
1032+
--jp-mirror-editor-atom-color: var(--color-scale-blue-3);
1033+
--jp-mirror-editor-number-color: var(--color-scale-green-4);
1034+
--jp-mirror-editor-def-color: var(--color-scale-blue-6);
1035+
--jp-mirror-editor-variable-color: var(--color-scale-gray-3);
1036+
--jp-mirror-editor-variable-2-color: var(--color-scale-blue-4);
1037+
--jp-mirror-editor-variable-3-color: var(--color-scale-green-6);
1038+
--jp-mirror-editor-punctuation-color: var(--color-scale-blue-4);
1039+
--jp-mirror-editor-property-color: var(--color-scale-blue-4);
1040+
--jp-mirror-editor-operator-color: $mauve;
1041+
--jp-mirror-editor-comment-color: $Subtext0;
1042+
--jp-mirror-editor-string-color: $peach;
1043+
--jp-mirror-editor-string-2-color: var(--color-scale-purple-3);
1044+
--jp-mirror-editor-meta-color: $mauve;
1045+
--jp-mirror-editor-qualifier-color: var(--color-scale-gray-5);
1046+
--jp-mirror-editor-builtin-color: var(--color-scale-green-6);
1047+
--jp-mirror-editor-bracket-color: var(--color-scale-gray-2);
1048+
--jp-mirror-editor-tag-color: var(--color-scale-blue-7);
1049+
--jp-mirror-editor-attribute-color: var(--color-scale-blue-7);
1050+
--jp-mirror-editor-header-color: var(--color-scale-blue-5);
1051+
--jp-mirror-editor-quote-color: var(--color-scale-green-3);
1052+
--jp-mirror-editor-link-color: var(--color-scale-blue-7);
1053+
--jp-mirror-editor-error-color: $red;
1054+
--jp-mirror-editor-hr-color: var(--color-scale-gray-8);
1055+
--jp-vega-background: var(--color-scale-gray-4);
1056+
--jp-search-selected-match-background-color: $yellow;
1057+
--jp-search-selected-match-color: $crust;
1058+
--jp-icon-contrast-color0: var(--color-scale-purple-6);
1059+
--jp-icon-contrast-color1: var(--color-scale-green-6);
1060+
--jp-icon-contrast-color2: var(--color-scale-pink-6);
1061+
--jp-icon-contrast-color3: var(--color-scale-blue-6);
1062+
}
1063+
}

0 commit comments

Comments
 (0)