stagit

style.css

21 kB
   1:root {
   2    --link: #0969da;
   3    --scrollbar: #dedede;
   4    --text: #404040;
   5    --header: #000000;
   6    --background: #ffffff;
   7    --border: #e8e8e8;
   8    --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
   9        Helvetica, "Helvetica Neue", Arial, Ubuntu, noto, Cantarell, sans-serif,
  10        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  11    --heading: "Inter", -apple-system, BlinkMacSystemFont, Roboto, Ubuntu,
  12        "Liberation Sans", "Noto Sans", Fira Sans, Droid Sans, "Helvetica",
  13        "Helvetica Neue", Arial, system-ui, sans-serif;
  14    --serif: "PlayFair Display", "Apple Garamond", "Baskerville",
  15        "Times New Roman", "Droid Serif", "Times", "Source Serif Pro", serif;
  16    --mono: "JetBrains Mono", "SF Mono", Menlo, "Ubuntu Mono", "Monaco",
  17        "Cascadia Mono", "Segoe UI Mono", "Inconsolata", "Fira Mono",
  18        "Droid Sans Mono", "Noto Sans Mono Condensed", "Liberation Mono",
  19        "Source Code Pro", Consolas, ui-monospace, monospace;
  20}
  21
  22::-webkit-scrollbar {
  23    width: 10px;
  24}
  25
  26::-webkit-scrollbar-thumb {
  27    width: 10px;
  28}
  29
  30::-webkit-scrollbar-thumb {
  31    background: var(--scrollbar);
  32}
  33
  34::-webkit-scrollbar-track {
  35    background: transparent;
  36}
  37
  38/* Firefox scrollbar*/
  39* {
  40    scrollbar-width: thin;
  41    scrollbar-color: var(--scrollbar) transparent;
  42    box-sizing: border-box;
  43    scroll-behavior: smooth;
  44}
  45
  46*::before,
  47*::after {
  48    box-sizing: border-box;
  49    scroll-behavior: smooth;
  50}
  51
  52html {
  53    font-size: calc(17px + 0.025vw);
  54}
  55
  56body {
  57    transition: color .35s,background-color .35s;
  58    margin: 0;
  59    color: var(--text);
  60    background-color: var(--background);
  61    font-family: var(--sans);
  62    overflow-x: hidden;
  63    box-sizing: border-box;
  64}
  65
  66*::before,
  67*::after {
  68    box-sizing: border-box;
  69}
  70
  71#container {
  72    box-sizing: border-box;
  73    display: flex;
  74    height: 100vh;
  75}
  76
  77a {
  78    overflow-wrap: break-word;
  79    text-decoration: none;
  80    color: var(--link);
  81}
  82
  83a:hover {
  84    text-decoration: underline;
  85}
  86
  87#navbar > a {
  88    width: 100%;
  89    text-align: center;
  90    padding: 0.55em 0.45em;
  91    line-height: normal;
  92    color: currentColor;
  93    border-bottom: 2px dashed var(--border);
  94}
  95
  96#navbar > a:hover {
  97   color: var(--link);
  98}
  99
 100#navbar .current {
 101    font-weight: 600;
 102    color: var(--link);
 103    border-bottom: 2px solid var(--link);
 104}
 105
 106#repositories {
 107    font-weight: 600;
 108    font-size: 2rem;
 109}
 110
 111#header > h1 {
 112    color: var(--header);
 113    font-family: var(--heading);
 114    font-size: 2rem;
 115    margin-top: 0em;
 116    margin-bottom: 0.25em;
 117}
 118
 119#sidebar {
 120    display: flex;
 121    flex-direction: column;
 122    align-items: center;
 123    justify-content: center;
 124    width: 25%;
 125    max-width: 25%;
 126    padding: 10px;
 127    overflow-y: hidden;
 128    overflow-x: hidden;
 129    margin: 5em 0em;
 130    box-sizing: border-box;
 131}
 132
 133#profile_img {
 134    width: fit-content;
 135    width: 50%;
 136    max-width: 200px;
 137    margin: 2em 1em;
 138    border: 0px solid;
 139    border-radius: 15%;
 140}
 141
 142#typing {
 143    white-space: nowrap;
 144    overflow: hidden;
 145    letter-spacing: 0.25em;
 146    font-size: 1.85rem;
 147    font-weight: 600;
 148}
 149
 150@keyframes cursor-blinking-animation {
 151    from,
 152    to {
 153        visibility: hidden;
 154    }
 155    50% {
 156        visibility: visible;
 157    }
 158}
 159
 160#cursor {
 161    background-color: var(--header);
 162    color: var(--header);
 163    animation: cursor-blinking-animation 1.2s step-end infinite;
 164    border: none;
 165    height: 2.2em;
 166    vertical-align: top;
 167    width: 1em;
 168    margin-bottom: 11px;
 169    margin-left: 3px;
 170}
 171
 172#logo {
 173    position: absolute;
 174    color: var(--header);
 175    top: 0;
 176    display: flex;
 177    align-items: center;
 178    cursor: pointer;
 179    justify-content: center;
 180    text-decoration: none;
 181    margin-top: 1.5rem;
 182}
 183
 184.logo:hover {
 185    color: currentColor;
 186    text-decoration: none;
 187}
 188
 189#contact {
 190    font-size: 1.2rem;
 191    color: currentColor;
 192}
 193
 194#main-view {
 195    line-height: 1.5;
 196    word-wrap: wrap;
 197    display: flex;
 198    flex-direction: column;
 199    align-items: flex-start;
 200    justify-content: flex-start;
 201    width: 100%;
 202    overflow-y: scroll;
 203    overflow-x: hidden;
 204    padding-bottom: 1em;
 205    box-sizing: border-box;
 206}
 207
 208/* Breadcrumbs */
 209.breadcrumb {
 210    width: 100%;
 211}
 212ul.breadcrumb {
 213    list-style: none;
 214    padding: 0;
 215}
 216
 217/* Display list items side by side */
 218ul.breadcrumb li {
 219    padding: 0.5rem 0;
 220    display: inline;
 221    font-weight: 500;
 222}
 223
 224/* Add a slash symbol (/) before/behind each list item */
 225ul.breadcrumb li:first-child::before {
 226    padding: 8px 5px 8px 5px;
 227    color: var(--text);
 228    content: "~/";
 229}
 230
 231ul.breadcrumb li + li:before {
 232    padding: 8px 5px 8px 5px;
 233    color: var(--text);
 234    content: "/";
 235}
 236
 237/* Add a color to all links inside the list */
 238ul.breadcrumb li a {
 239    color: var(--text);
 240    text-decoration: none;
 241}
 242
 243/* Add a color on mouse-over */
 244ul.breadcrumb li a:hover {
 245    color: var(--link);
 246    text-decoration: underline;
 247}
 248
 249#repositories + #subtitle {
 250    padding-left: 50px;
 251    margin: 0 0 20px;
 252}
 253
 254#branches,
 255#tags,
 256#log,
 257#files {
 258    width: 100%;
 259    font-family: var(--sans);
 260}
 261
 262td > a {
 263    text-decoration: underline;
 264}
 265
 266#md {
 267    max-width: 70ch;
 268}
 269
 270#md > pre {
 271    padding: 10px;
 272    border-radius: 15px;
 273    border: 1px solid #d2d2d2;
 274}
 275
 276#index {
 277 padding-left: 50px;
 278 width:100%;
 279 flex-direction:column;
 280 display:flex;
 281 align-items:flex-start;
 282 justify-content:center
 283}
 284
 285#index a { 
 286 color: var(--header);
 287}
 288
 289#index a:hover {  
 290 color: var(--link);
 291}
 292
 293#index > h2 {
 294 font-weight:500;
 295 font-size:1.5rem;
 296 margin:0;
 297 padding:15px 0 0;
 298 color:var(--header);
 299 font-family:var(--heading)
 300}
 301
 302#index > p {
 303 text-align:left;
 304 margin:0 1px 20px;
 305 display:block;
 306 color:var(--text)
 307}
 308
 309@media screen and (min-width: 1000px) {
 310    #content {
 311        display: flex;
 312        flex-direction: column;
 313        justify-content: flex-start;
 314        align-items: center;
 315	
 316    }
 317}
 318
 319@media screen and (max-width: 1000px) {
 320    html {
 321        font-size: 17px;
 322    }
 323    #repositories + #subtitle {
 324    	padding-left: 45px;
 325   }
 326   #index {
 327	padding-left: 45px;
 328   }
 329}
 330
 331#head,
 332#content,
 333.table-container {
 334    width: 100%;
 335    padding-right: 10px;
 336}
 337
 338#log {
 339    min-width: 600px;
 340    width: 100%;
 341    overflow-x: auto;
 342}
 343
 344pre:not(#about) {
 345    overflow-x: auto;
 346}
 347
 348#head table {
 349    margin-top: 0.5em;
 350    margin-bottom: 0.5em;
 351}
 352
 353#head table td:first-child {
 354    padding: 0 0.4em 0 0;
 355}
 356
 357#head table td:last-child {
 358    padding: 0 0 0 0.4em;
 359}
 360
 361#head p {
 362    margin: 0;
 363}
 364
 365#files .dir {
 366    font-weight: bold;
 367    text-decoration: none;
 368}
 369
 370#cloneurl {
 371    font-family: var(--mono);
 372    background-color: var(--border);
 373    border: 0px solid transparent;
 374    border-radius: 8px;
 375    padding: 0.15em;
 376}
 377
 378#home h1 {
 379    font-family: var(--heading);
 380    font-size: 1.5em;
 381    color: var(--header);
 382    text-align: center;
 383    margin-top: 1em;
 384}
 385
 386#home h2 {
 387    font-family: var(--heading);
 388    font-size: 1.25em;
 389    color: var(--header);
 390    margin-top: 2.5em;
 391    margin-bottom: 1em;
 392}
 393
 394#md h1 {
 395    font-family: var(--heading);
 396    font-size: 1.5em;
 397    font-weight: 500;
 398    color: var(--header);
 399}
 400
 401#md h2 {
 402    font-size: 1.25em;
 403    font-family: var(--heading);
 404    color: var(--header);
 405    font-weight: 500;
 406}
 407
 408#md h3 {
 409    font-size: 1.1em;
 410    font-family: var(--heading);
 411    color: var(--header);
 412    font-weight: 500;
 413}
 414
 415img,
 416svg,
 417h1,
 418h2 {
 419    vertical-align: middle;
 420}
 421
 422img,
 423svg {
 424    border: 0;
 425}
 426
 427a:target {
 428    background-color: #ccc;
 429}
 430
 431a.d,
 432a.h,
 433a.i,
 434a.line {
 435    margin-right: 10px;
 436    text-decoration: none;
 437}
 438
 439pre {
 440    max-width: 100%;
 441    display: block;
 442    font-size: 0.95rem;
 443}
 444
 445#blob a {
 446    color: #777;
 447}
 448#blob a:hover {
 449    color: blue;
 450    text-decoration: none;
 451}
 452
 453#blob {
 454    width: 100%;
 455}
 456
 457table {
 458    border-collapse: collapse;
 459    border-spacing: 0;
 460}
 461
 462table td {
 463    padding: 0 0.4em;
 464}
 465
 466#content table td {
 467    vertical-align: middle;
 468    white-space: normal;
 469}
 470
 471#header {
 472	width: 100%;
 473}
 474
 475#commit-message {
 476    min-width: 300px;
 477    white-space: normal !important;
 478}
 479
 480tr:not(:last-child) {
 481    border-color: var(--border);
 482    border-style: solid;
 483    border-width: 0px 0px 1px 0px;
 484}
 485
 486#branches tr td,
 487#tags tr td,
 488#log tr td,
 489#files tr td {
 490    padding: 0.75em 0.25em;
 491}
 492
 493#branches tr:hover td,
 494#tags tr:hover td,
 495#log tr:hover td,
 496#files tr:hover td {
 497    background-color: var(--border);
 498}
 499
 500td.num {
 501    text-align: right;
 502}
 503
 504#navbar {
 505    font-weight: 500;
 506    display: flex;
 507    width: 100%;
 508    margin: 10px 0px;
 509    align-items: center;
 510    justify-content: space-evenly;
 511}
 512
 513/* Footer */
 514
 515footer {
 516    margin-top: auto;
 517    width: 100%;
 518}
 519
 520footer ul {
 521    width: 100%;
 522    list-style: none;
 523    display: flex;
 524    flex-wrap: wrap;
 525    justify-content: space-evenly;
 526    padding: 0;
 527}
 528
 529footer li {
 530    padding: 0.25em 1em;
 531}
 532
 533footer a {
 534    color: currentColor;
 535    text-decoration: none;
 536}
 537
 538hr {
 539    border: 0;
 540    border-top: 1px solid var(--border);
 541    height: 1px;
 542}
 543
 544#md pre {
 545    margin: 0;
 546    font-family: var(--mono);
 547}
 548
 549pre > code {
 550    font-family: var(--mono);
 551}
 552
 553.A,
 554span.i,
 555pre a.i {
 556    color: #181;
 557}
 558
 559.D,
 560span.d,
 561pre a.d {
 562    color: #e02;
 563}
 564
 565pre a.h:hover,
 566pre a.i:hover,
 567pre a.d:hover {
 568    text-decoration: none;
 569}
 570
 571#md table {
 572    border-collapse: collapse;
 573    margin: 1em 1em;
 574    border: 1px solid #d2d2d2;
 575}
 576
 577#md table td,
 578#md table th {
 579    padding: 0.25em 1em;
 580    border: 1px solid #d2d2d2;
 581}
 582
 583.chroma {
 584    font-family: var(--mono);
 585}
 586
 587/* Syntax (light) */
 588.chroma:not(pre) {
 589    max-width: 100%;
 590    border: 1px solid #d2d2d2;
 591    padding: 5px;
 592    border-radius: 15px;
 593}
 594/* LineTableTD */
 595.lntd {
 596    vertical-align: top;
 597    padding: 0em 0em;
 598    margin: 0;
 599    border: 0;
 600}
 601/* LineTable */
 602.lntable {
 603    border-spacing: 0;
 604    padding: 0px;
 605    margin: 0;
 606    border: 0;
 607    width: inherit;
 608    overflow: auto;
 609    display: block;
 610}
 611/* LineHighlight */
 612.hl {
 613    display: block;
 614    width: 100%;
 615    background-color: #ffffcc;
 616}
 617/* LineNumbersTable */
 618.lnt {
 619    margin-right: 0.4em;
 620    padding: 0 0.4em 0 0.4em;
 621    color: #7f7f7f;
 622}
 623/* LineNumbers */
 624.ln {
 625    margin-right: 0.4em;
 626    padding: 0 0.4em 0 0.4em;
 627    color: #7f7f7f;
 628}
 629/* Keyword */
 630.k {
 631    color: #aa22ff;
 632}
 633/* KeywordConstant */
 634.kc {
 635    color: #aa22ff;
 636}
 637/* KeywordDeclaration */
 638.kd {
 639    color: #aa22ff;
 640}
 641/* KeywordNamespace */
 642.kn {
 643    color: #aa22ff;
 644}
 645/* KeywordPseudo */
 646.kp {
 647    color: #aa22ff;
 648}
 649/* KeywordReserved */
 650.kr {
 651    color: #aa22ff;
 652}
 653/* KeywordType */
 654.kt {
 655    color: #00bb00;
 656}
 657
 658/* NameAttribute */
 659.na {
 660    color: #bb4444;
 661}
 662/* NameBuiltin */
 663.nb {
 664    color: #aa22ff;
 665}
 666
 667/* NameClass */
 668.nc {
 669    color: #0000ff;
 670}
 671/* NameConstant */
 672.no {
 673    color: #880000;
 674}
 675/* NameDecorator */
 676.nd {
 677    color: #aa22ff;
 678}
 679/* NameEntity */
 680.ni {
 681    color: #999999;
 682}
 683/* NameException */
 684.ne {
 685    color: #d2413a;
 686}
 687/* NameFunction */
 688.nf {
 689    color: #00a000;
 690}
 691
 692/* NameLabel */
 693.nl {
 694    color: #a0a000;
 695}
 696/* NameNamespace */
 697.nn {
 698    color: #0000ff;
 699}
 700
 701/* NameTag */
 702.nt {
 703    color: #008000;
 704}
 705/* NameVariable */
 706.nv {
 707    color: #b8860b;
 708}
 709
 710/* LiteralString */
 711.s {
 712    color: #bb4444;
 713}
 714/* LiteralStringAffix */
 715.sa {
 716    color: #bb4444;
 717}
 718/* LiteralStringBacktick */
 719.sb {
 720    color: #bb4444;
 721}
 722/* LiteralStringChar */
 723.sc {
 724    color: #bb4444;
 725}
 726/* LiteralStringDelimiter */
 727.dl {
 728    color: #bb4444;
 729}
 730/* LiteralStringDoc */
 731.sd {
 732    color: #bb4444;
 733    font-style: italic;
 734}
 735/* LiteralStringDouble */
 736.s2 {
 737    color: #bb4444;
 738}
 739/* LiteralStringEscape */
 740.se {
 741    color: #bb6622;
 742}
 743/* LiteralStringHeredoc */
 744.sh {
 745    color: #bb4444;
 746}
 747/* LiteralStringInterpol */
 748.si {
 749    color: #bb6688;
 750}
 751/* LiteralStringOther */
 752.sx {
 753    color: #008000;
 754}
 755/* LiteralStringRegex */
 756.sr {
 757    color: #bb6688;
 758}
 759/* LiteralStringSingle */
 760.s1 {
 761    color: #bb4444;
 762}
 763/* LiteralStringSymbol */
 764.ss {
 765    color: #b8860b;
 766}
 767/* LiteralNumber */
 768.m {
 769    color: #666666;
 770}
 771/* LiteralNumberBin */
 772.mb {
 773    color: #666666;
 774}
 775/* LiteralNumberFloat */
 776.mf {
 777    color: #666666;
 778}
 779/* LiteralNumberHex */
 780.mh {
 781    color: #666666;
 782}
 783/* LiteralNumberInteger */
 784.mi {
 785    color: #666666;
 786}
 787/* LiteralNumberIntegerLong */
 788.il {
 789    color: #666666;
 790}
 791/* LiteralNumberOct */
 792.mo {
 793    color: #666666;
 794}
 795/* Operator */
 796.o {
 797    color: #666666;
 798}
 799/* OperatorWord */
 800.ow {
 801    color: #aa22ff;
 802}
 803
 804/* Comment */
 805.c {
 806    color: #008800;
 807    font-style: italic;
 808}
 809/* CommentHashbang */
 810.ch {
 811    color: #008800;
 812    font-style: italic;
 813}
 814/* CommentMultiline */
 815.cm {
 816    color: #008800;
 817    font-style: italic;
 818}
 819/* CommentSingle */
 820.c1 {
 821    color: #008800;
 822    font-style: italic;
 823}
 824/* CommentSpecial */
 825.cs {
 826    color: #008800;
 827}
 828/* CommentPreproc */
 829.cp {
 830    color: #008800;
 831}
 832/* CommentPreprocFile */
 833.cpf {
 834    color: #008800;
 835}
 836
 837/* GenericDeleted */
 838.gd {
 839    color: #a00000;
 840}
 841/* GenericEmph */
 842.ge {
 843    font-style: italic;
 844}
 845/* GenericError */
 846.gr {
 847    color: #ff0000;
 848}
 849/* GenericHeading */
 850.gh {
 851    color: #000080;
 852}
 853/* GenericInserted */
 854.gi {
 855    color: #00a000;
 856}
 857/* GenericOutput */
 858.go {
 859    color: #888888;
 860}
 861/* GenericPrompt */
 862.gp {
 863    color: #000080;
 864}
 865/* GenericSubheading */
 866.gu {
 867    color: #800080;
 868}
 869/* GenericTraceback */
 870.gt {
 871    color: #0044dd;
 872}
 873/* GenericUnderline */
 874.gl {
 875    text-decoration: underline;
 876}
 877/* TextWhitespace */
 878.w {
 879    color: #bbbbbb;
 880}
 881
 882@media screen and (max-width: 1300px) {
 883    ::-webkit-scrollbar {
 884        width: 5px;
 885    }
 886
 887    ::-webkit-scrollbar-thumb {
 888        width: 0px;
 889    }
 890
 891    #sidebar {
 892        justify-content: space-between;
 893        align-items: center;
 894        max-height: 60vh;
 895        width: 100vw;
 896        max-width: 100vw;
 897        padding: 1em;
 898        overflow-y: hidden;
 899        overflow-x: hidden;
 900        margin: 0;
 901    }
 902
 903    #logo {
 904        position: relative;
 905        margin-bottom: 0rem;
 906    }
 907
 908    #profile_img {
 909        max-width: 150px;
 910        margin: 1em;
 911    }
 912
 913    #content {
 914        display: block;
 915	padding: 0px 0px 5em 0px;
 916	overflow-x: auto;
 917    }
 918
 919    #header > h1 {
 920        font-size: 1.75rem;
 921        color: var(--header);
 922    }
 923
 924    #header > h2 {
 925        font-size: 1.5rem;
 926        color: var(--header);
 927    }
 928
 929    #header > h3 {
 930        font-size: 1.25rem;
 931        color: var(--header);
 932    }
 933
 934    #container {
 935        flex-direction: column;
 936        overflow-y: scroll;
 937        overflow-x: hidden;
 938        min-height: 100vh;
 939        height: fit-content;
 940	}
 941    #main-view {
 942        flex: 1 1 60%;
 943        overflow-x: hidden;
 944	overflow-y: hidden;
 945	width: auto;
 946	padding: 10px;
 947	word-wrap: break-word;
 948    }    
 949}
 950
 951
 952@media (prefers-color-scheme: dark) {
 953    :root {
 954        --link: #58a6ff;
 955        --scrollbar: #4f4f4f;
 956        --text: #d4d4d4;
 957        --header: #ffffff;
 958        --background: #000000;
 959        --border: #292929;
 960    }
 961
 962    pre a.h {
 963        color: #0bb;
 964    }
 965    .A,
 966    span.i,
 967    pre a.i {
 968        color: #1a1;
 969    }
 970    .D,
 971    span.d,
 972    pre a.d {
 973        color: #e44;
 974    }
 975
 976    td.linenos .normal {
 977        color: #37474f;
 978        background-color: var(--code-background);
 979        padding-left: 5px;
 980        padding-right: 5px;
 981    }
 982    span.linenos {
 983        color: #37474f;
 984        background-color: var(--code-background);
 985        padding-left: 5px;
 986        padding-right: 5px;
 987    }
 988    td.linenos .special {
 989        color: #607a86;
 990        background-color: var(--code-background);
 991        padding-left: 5px;
 992        padding-right: 5px;
 993    }
 994    span.linenos.special {
 995        color: #607a86;
 996        background-color: var(--code-background);
 997        padding-left: 5px;
 998        padding-right: 5px;
 999    }
1000
1001    .chroma:not(pre) {
1002        border: 1px solid #292929;
1003    }
1004
1005    #md > pre {
1006        border: 1px solid #292929;
1007    }
1008
1009    #md table {
1010        border: 1px solid #292929;
1011    }
1012
1013    #md table td,
1014    #md table th {
1015        border: 1px solid #292929;
1016    }
1017
1018    .hll {
1019        background-color: #212121;
1020    }
1021    .c {
1022        color: #546e7a;
1023        font-style: italic;
1024    } /* Comment */
1025    .err {
1026        color: #ff5370;
1027    } /* Error */
1028    .esc {
1029        color: #89ddff;
1030    } /* Escape */
1031    .g {
1032        color: #eeffff;
1033    } /* Generic */
1034    .k {
1035        color: #bb80b3;
1036    } /* Keyword */
1037    .l {
1038        color: #c3e88d;
1039    } /* Literal */
1040    .n {
1041        color: #eeffff;
1042    } /* Name */
1043    .o {
1044        color: #89ddff;
1045    } /* Operator */
1046    .p {
1047        color: #89ddff;
1048    } /* Punctuation */
1049    .ch {
1050        color: #546e7a;
1051        font-style: italic;
1052    } /* Comment.Hashbang */
1053    .cm {
1054        color: #546e7a;
1055        font-style: italic;
1056    } /* Comment.Multiline */
1057    .cp {
1058        color: #7f7f7f;
1059        font-style: italic;
1060    } /* Comment.Preproc */
1061    .cpf {
1062        color: #546e7a;
1063        font-style: italic;
1064    } /* Comment.PreprocFile */
1065    .c1 {
1066        color: #7f7f7f;
1067        font-style: italic;
1068    } /* Comment.Single */
1069    .cs {
1070        color: #546e7a;
1071        font-style: italic;
1072    } /* Comment.Special */
1073    .gd {
1074        color: #ff5370;
1075    } /* Generic.Deleted */
1076    .ge {
1077        color: #89ddff;
1078    } /* Generic.Emph */
1079    .gr {
1080        color: #ff5370;
1081    } /* Generic.Error */
1082    .gh {
1083        color: #c3e88d;
1084    } /* Generic.Heading */
1085    .gi {
1086        color: #c3e88d;
1087    } /* Generic.Inserted */
1088    .go {
1089        color: #546e7a;
1090    } /* Generic.Output */
1091    .gp {
1092        color: #ffcb6b;
1093    } /* Generic.Prompt */
1094    .gs {
1095        color: #ff5370;
1096    } /* Generic.Strong */
1097    .gu {
1098        color: #89ddff;
1099    } /* Generic.Subheading */
1100    .gt {
1101        color: #ff5370;
1102    } /* Generic.Traceback */
1103    .kc {
1104        color: #89ddff;
1105    } /* Keyword.Constant */
1106    .kd {
1107        color: #bb80b3;
1108    } /* Keyword.Declaration */
1109    .kn {
1110        color: #89ddff;
1111        font-style: italic;
1112    } /* Keyword.Namespace */
1113    .kp {
1114        color: #89ddff;
1115    } /* Keyword.Pseudo */
1116    .kr {
1117        color: #bb80b3;
1118    } /* Keyword.Reserved */
1119    .kt {
1120        color: #bb80b3;
1121    } /* Keyword.Type */
1122    .ld {
1123        color: #c3e88d;
1124    } /* Literal.Date */
1125    .m {
1126        color: #f78c6c;
1127    } /* Literal.Number */
1128    .s {
1129        color: #c3e88d;
1130    } /* Literal.String */
1131    .na {
1132        color: #bb80b3;
1133    } /* Name.Attribute */
1134    .nb {
1135        color: #82aaff;
1136    } /* Name.Builtin */
1137    .nc {
1138        color: #ffcb6b;
1139    } /* Name.Class */
1140    .no {
1141        color: #eeffff;
1142    } /* Name.Constant */
1143    .nd {
1144        color: #82aaff;
1145    } /* Name.Decorator */
1146    .ni {
1147        color: #89ddff;
1148    } /* Name.Entity */
1149    .ne {
1150        color: #ffcb6b;
1151    } /* Name.Exception */
1152    .nf {
1153        color: #82aaff;
1154    } /* Name.Function */
1155    .nl {
1156        color: #82aaff;
1157    } /* Name.Label */
1158    .nn {
1159        color: #ffcb6b;
1160    } /* Name.Namespace */
1161    .nx {
1162        color: #eeffff;
1163    } /* Name.Other */
1164    .py {
1165        color: #ffcb6b;
1166    } /* Name.Property */
1167    .nt {
1168        color: #ff5370;
1169    } /* Name.Tag */
1170    .nv {
1171        color: #89ddff;
1172    } /* Name.Variable */
1173    .ow {
1174        color: #89ddff;
1175        font-style: italic;
1176    } /* Operator.Word */
1177    .w {
1178        color: #eeffff;
1179    } /* Text.Whitespace */
1180    .mb {
1181        color: #f78c6c;
1182    } /* Literal.Number.Bin */
1183    .mf {
1184        color: #f78c6c;
1185    } /* Literal.Number.Float */
1186    .mh {
1187        color: #f78c6c;
1188    } /* Literal.Number.Hex */
1189    .mi {
1190        color: #f78c6c;
1191    } /* Literal.Number.Integer */
1192    .mo {
1193        color: #f78c6c;
1194    } /* Literal.Number.Oct */
1195    .sa {
1196        color: #bb80b3;
1197    } /* Literal.String.Affix */
1198    .sb {
1199        color: #c3e88d;
1200    } /* Literal.String.Backtick */
1201    .sc {
1202        color: #c3e88d;
1203    } /* Literal.String.Char */
1204    .dl {
1205        color: #eeffff;
1206    } /* Literal.String.Delimiter */
1207    .sd {
1208        color: #546e7a;
1209        font-style: italic;
1210    } /* Literal.String.Doc */
1211    .s2 {
1212        color: #c3e88d;
1213    } /* Literal.String.Double */
1214    .se {
1215        color: #eeffff;
1216    } /* Literal.String.Escape */
1217    .sh {
1218        color: #c3e88d;
1219    } /* Literal.String.Heredoc */
1220    .si {
1221        color: #89ddff;
1222    } /* Literal.String.Interpol */
1223    .sx {
1224        color: #c3e88d;
1225    } /* Literal.String.Other */
1226    .sr {
1227        color: #89ddff;
1228    } /* Literal.String.Regex */
1229    .s1 {
1230        color: #c3e88d;
1231    } /* Literal.String.Single */
1232    .ss {
1233        color: #89ddff;
1234    } /* Literal.String.Symbol */
1235    .bp {
1236        color: #89ddff;
1237    } /* Name.Builtin.Pseudo */
1238    .fm {
1239        color: #82aaff;
1240    } /* Name.Function.Magic */
1241    .vc {
1242        color: #89ddff;
1243    } /* Name.Variable.Class */
1244    .vg {
1245        color: #89ddff;
1246    } /* Name.Variable.Global */
1247    .vi {
1248        color: #89ddff;
1249    } /* Name.Variable.Instance */
1250    .vm {
1251        color: #82aaff;
1252    } /* Name.Variable.Magic */
1253    .il {
1254        color: #f78c6c;
1255    }
1256}