319 lines
6 KiB
CSS
319 lines
6 KiB
CSS
.chroma .bp {
|
|
color:#999
|
|
}
|
|
.chroma .c,
|
|
.chroma .c1,
|
|
.chroma .ch {
|
|
color:#6a737d
|
|
}
|
|
.chroma .cm {
|
|
color:#998
|
|
}
|
|
.chroma .cp {
|
|
color:#109295
|
|
}
|
|
.chroma .cpf {
|
|
color:#4c4dbc
|
|
}
|
|
.chroma .cs {
|
|
color:#999
|
|
}
|
|
.chroma .dl {
|
|
color:#106303
|
|
}
|
|
.chroma .gd {
|
|
color:#000;
|
|
background-color:#fdd
|
|
}
|
|
.chroma .ge {
|
|
color:#000
|
|
}
|
|
.chroma .gh {
|
|
color:#999
|
|
}
|
|
.chroma .gi {
|
|
color:#000;
|
|
background-color:#dfd
|
|
}
|
|
.chroma .go {
|
|
color:#888
|
|
}
|
|
.chroma .gp {
|
|
color:#555
|
|
}
|
|
.chroma .gr,
|
|
.chroma .gt {
|
|
color:#a00
|
|
}
|
|
.chroma .gu {
|
|
color:#aaa
|
|
}
|
|
.chroma .il {
|
|
color:#099
|
|
}
|
|
.chroma .k,
|
|
.chroma .kc,
|
|
.chroma .kd,
|
|
.chroma .kn,
|
|
.chroma .kp,
|
|
.chroma .kr {
|
|
color:#d73a49
|
|
}
|
|
.chroma .kt {
|
|
color:#458
|
|
}
|
|
.chroma .m,
|
|
.chroma .mb,
|
|
.chroma .mf,
|
|
.chroma .mh,
|
|
.chroma .mi,
|
|
.chroma .mo {
|
|
color:#099
|
|
}
|
|
.chroma .na {
|
|
color:#d73a49
|
|
}
|
|
.chroma .nb {
|
|
color:#005cc5
|
|
}
|
|
.chroma .nc {
|
|
color:#458
|
|
}
|
|
.chroma .nd {
|
|
color:#3c5d5d
|
|
}
|
|
.chroma .ne {
|
|
color:#900
|
|
}
|
|
.chroma .nf {
|
|
color:#005cc5
|
|
}
|
|
.chroma .ni {
|
|
color:#6f42c1
|
|
}
|
|
.chroma .nl {
|
|
color:#900
|
|
}
|
|
.chroma .nn {
|
|
color:#555
|
|
}
|
|
.chroma .no {
|
|
color:teal
|
|
}
|
|
.chroma .nt {
|
|
color:#22863a
|
|
}
|
|
.chroma .nv {
|
|
color:teal
|
|
}
|
|
.chroma .nx {
|
|
color:#24292e
|
|
}
|
|
.chroma .o,
|
|
.chroma .ow {
|
|
color:#d73a49
|
|
}
|
|
.chroma .s,
|
|
.chroma .s1,
|
|
.chroma .s2 {
|
|
color:#106303
|
|
}
|
|
.chroma .sa {
|
|
color:#cc7a00
|
|
}
|
|
.chroma .sb {
|
|
color:#106303
|
|
}
|
|
.chroma .sc {
|
|
color:#cc7a00
|
|
}
|
|
.chroma .sd {
|
|
color:#106303
|
|
}
|
|
.chroma .se {
|
|
color:#940
|
|
}
|
|
.chroma .sh {
|
|
color:#106303
|
|
}
|
|
.chroma .si {
|
|
color:#cc7a00
|
|
}
|
|
.chroma .sr {
|
|
color:#4c4dbc
|
|
}
|
|
.chroma .ss {
|
|
color:#940
|
|
}
|
|
.chroma .sx {
|
|
color:#106303
|
|
}
|
|
.chroma .vc,
|
|
.chroma .vg,
|
|
.chroma .vi {
|
|
color:teal
|
|
}
|
|
.chroma .w {
|
|
color:#bbb
|
|
}
|
|
|
|
:root {
|
|
--dark: #020202;
|
|
--light: #fffff0;
|
|
|
|
/* Gitea font overrides */
|
|
--color-primary: var(--dark, #020202);
|
|
--color-secondary: var(--dark, #020202);
|
|
--color-primary-contrast: var(--light, #fffff0);
|
|
--color-light-border: var(--dark, #020202);
|
|
--color-primary-hover: var(--dark, #020202);
|
|
--color-input-border: var(--dark, #020202);
|
|
--color-tooltip-bg: var(--dark, #020202);
|
|
--color-tooltip-text: var(--light, #fffff0);
|
|
--color-body: var(--light, #fffff0);
|
|
--color-menu: var(--light, #fffff0);
|
|
--color-code-bg: #e8e8d7;
|
|
--color-file-bg: #e8e8d7;
|
|
--color-label-bg: #e8e8d7;
|
|
|
|
--color-red-badge: darkred;
|
|
--color-red-badge-bg: #fc3a3a;
|
|
--color-red-badge-hover-bg: #b91c1c44;
|
|
--color-green-badge: #16a34a;
|
|
--color-green-badge-bg: #16a34a22;
|
|
--color-green-badge-hover-bg: #16a34a44;
|
|
--color-yellow-badge: #ca8a04;
|
|
--color-yellow-badge-bg: #ca8a0422;
|
|
--color-yellow-badge-hover-bg: #ca8a0444;
|
|
--color-orange-badge: #ea580c;
|
|
--color-orange-badge-bg: #ea580c22;
|
|
--color-orange-badge-hover-bg: #ea580c44;
|
|
|
|
--zinc-50: #fafafa;
|
|
--zinc-100: #f4f4f5;
|
|
--zinc-150: #ececee;
|
|
--zinc-200: #e4e4e7;
|
|
--zinc-250: #dcdce0;
|
|
--zinc-300: #d4d4d8;
|
|
--zinc-350: #babac1;
|
|
--zinc-400: #a1a1aa;
|
|
--zinc-450: #898992;
|
|
--zinc-500: #71717a;
|
|
--zinc-550: #61616a;
|
|
--zinc-600: #52525b;
|
|
--zinc-650: #484850;
|
|
--zinc-700: #3f3f46;
|
|
--zinc-750: #333338;
|
|
--zinc-800: #27272a;
|
|
--zinc-850: #1f1f23;
|
|
--zinc-900: #18181b;
|
|
--color-primary-dark-1: #c2410c;
|
|
--color-primary-dark-2: #9a3412;
|
|
--color-primary-dark-3: #9a3412;
|
|
--color-primary-dark-4: #7c2d12;
|
|
--color-primary-dark-5: #7c2d12;
|
|
--color-primary-dark-6: #7c2d12;
|
|
--color-primary-dark-7: #7c2d12;
|
|
--color-primary-light-1: #ea580c;
|
|
--color-primary-light-2: #f97316;
|
|
--color-primary-light-3: #fb923c;
|
|
--color-primary-light-4: #fdba74;
|
|
--color-primary-light-5: #fed7aa;
|
|
--color-primary-light-6: #ffedd5;
|
|
--color-primary-light-7: #fff7ed;
|
|
--color-secondary: var(--zinc-200);
|
|
--color-secondary-dark-1: var(--zinc-200);
|
|
--color-secondary-dark-2: var(--zinc-300);
|
|
--color-secondary-dark-3: var(--zinc-300);
|
|
--color-secondary-dark-4: var(--zinc-400);
|
|
--color-secondary-dark-5: var(--zinc-400);
|
|
--color-secondary-dark-6: var(--zinc-500);
|
|
--color-secondary-dark-7: var(--zinc-500);
|
|
--color-secondary-dark-8: var(--zinc-600);
|
|
--color-secondary-dark-9: var(--zinc-600);
|
|
--color-secondary-dark-10: var(--zinc-700);
|
|
--color-secondary-dark-11: var(--zinc-700);
|
|
--color-secondary-dark-12: var(--zinc-800);
|
|
--color-secondary-dark-13: var(--zinc-800);
|
|
--color-secondary-light-1: var(--zinc-200);
|
|
--color-secondary-light-2: var(--zinc-100);
|
|
--color-secondary-light-3: var(--zinc-100);
|
|
--color-secondary-light-4: var(--zinc-50);
|
|
--color-secondary-alpha-10: #d4d4d819;
|
|
--color-secondary-alpha-20: #d4d4d833;
|
|
--color-secondary-alpha-30: #d4d4d84b;
|
|
--color-secondary-alpha-40: #d4d4d866;
|
|
--color-secondary-alpha-50: #d4d4d880;
|
|
--color-secondary-alpha-60: #d4d4d899;
|
|
--color-secondary-alpha-70: #d4d4d8b3;
|
|
--color-secondary-alpha-80: #d4d4d8cc;
|
|
--color-secondary-alpha-90: #d4d4d8e1;
|
|
--color-secondary-hover: var(--color-secondary-dark-2);
|
|
--color-secondary-active: var(--color-secondary-dark-4);
|
|
|
|
--fonts-proportional: "Palatino Linotype", "Book Antiqua", Palatino, serif !important;
|
|
/* TODO: Get Input Sans license
|
|
--fonts-monospace: "Input Sans", Consolas, monospace !important;*/
|
|
}
|
|
|
|
* {
|
|
scrollbar-color: inherit;
|
|
}
|
|
|
|
a,
|
|
.ui.breadcrumb a,
|
|
.home a {
|
|
color: var(--dark, #020202);
|
|
opacity: 0.7;
|
|
text-decoration-skip-ink: auto;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
a:hover,
|
|
.ui.breadcrumb a:hover,
|
|
.home a:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.home .hero .svg {
|
|
color: var(--dark, #020202);
|
|
}
|
|
|
|
.home .hero .title {
|
|
font-size: 4em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
.home .hero h2 {
|
|
font-size: 2rem;
|
|
}
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
font-weight: normal;
|
|
}
|
|
|
|
/*
|
|
* Typography
|
|
*/
|
|
|
|
body {
|
|
font-size: 16px;
|
|
color: var(--color-primary, #020202);
|
|
background-color: var(--light, #fffff0);
|
|
}
|
|
|
|
.ui.button {
|
|
border: 2px solid var(--color-primary);
|
|
background-color: var(--color-primary-contrast);
|
|
padding: 0.4em 1em;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.ui.button::hover {
|
|
box-shadow: 2px 2px gray;
|
|
}
|
|
|
|
#user-heatmap {
|
|
--color-primary: #fb923c;
|
|
}
|