Pligrandigas bildosignojn

Estas tiu uzata ĉe jam.xwx.moe; ĝi tre belas!

custom/conf/app.ini

@@ -62,3 +62,7 @@ DEFAULT_MERGE_STYLE = merge
 
 [repository.signing]
 DEFAULT_TRUST_MODEL = committer
+
+[ui]
+DEFAULT_THEME = malvo
+THEMES = malvo,forgejo-auto,forgejo-light,forgejo-dark,auto,gitea,arc-green

custom/public/assets/css/shinonome.css

@@ -0,0 +1,8 @@
+.emoji img, .reaction img
+{
+	vertical-align: -.15em;
+	border-width: 0 !important;
+	width: 1.2em !important;
+	height: 1.2em !important;
+	margin: 0 !important;
+}

custom/public/assets/css/theme-malvo.css

@@ -0,0 +1,531 @@
+.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 {
+	--buttonShadow: 0px 0px 0px 1px rgba(98, 14, 140, 1) , 1px 1px 0px 0px rgba(255, 255, 255, 0.3) inset, -1px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;
+	--buttonShadowFilter: ;
+	--buttonShadowInset: 1px 1px 0px 0px rgba(255, 255, 255, 0.3) inset, -1px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;
+	--buttonHoverShadow: 0px 0px 0px 1px rgba(128, 108, 13, 1) , 1px 1px 0px 0px rgba(255, 255, 255, 0.3) inset, -1px -1px 0px 0px rgba(0, 0, 0, 0.3) inset, 0px 0px 3px 1px rgba(128, 108, 13, 1);
+	--buttonHoverShadowFilter: ;
+	--buttonHoverShadowInset: 1px 1px 0px 0px rgba(255, 255, 255, 0.3) inset, -1px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;
+	--buttonPressedShadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.3) inset, 0px 0px 0px 1px rgba(128, 108, 13, 1) , 0px 0px 3px 1px rgba(128, 108, 13, 1);
+	--buttonPressedShadowFilter: ;
+	--buttonPressedShadowInset: 1px 1px 0px 0px rgba(0, 0, 0, 0.3) inset;
+	--buttonDisabledText: rgba(181, 175, 184, 1);
+	--buttonDisabled: rgba(241, 233, 245, 1);
+	--panelShadow: 0px 0px 0px 1px rgba(98, 14, 140, 1) , 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
+	--panelHeaderShadow: 0px 0px 0px 1px rgba(98, 14, 140, 1) , 1px 1px 0px 0px rgba(255, 255, 255, 0.3) inset, -1px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;
+	--panelHeaderShadowInset: 1px 1px 0px 0px rgba(255, 255, 255, 0.3) inset, -1px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;
+	--steel-900:#10161d;
+	--steel-850:#131a21;
+	--steel-800:#171e26;
+	--steel-750:#1d262f;
+	--steel-700:#242d38;
+	--steel-650:#2b3642;
+	--steel-600:#374351;
+	--steel-550:#445161;
+	--steel-500:#515f70;
+	--steel-450:#5f6e80;
+	--steel-400:#6d7d8f;
+	--steel-350:#7c8c9f;
+	--steel-300:#8c9caf;
+	--steel-250:#9dadc0;
+	--steel-200:#aebed0;
+	--steel-150:#c0cfe0;
+	--steel-100:#d2e0f0;
+	--zinc-50:#fafafa;
+	--zinc-100:#E2C2F2;
+	--zinc-150:#E2C2F2;
+	--zinc-200:#7d7d7d;
+	--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:#2e8006;
+	--color-primary-contrast:#fff;
+	--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-primary-alpha-10:#c2410c19;
+	--color-primary-alpha-20:#c2410c33;
+	--color-primary-alpha-30:#c2410c4b;
+	--color-primary-alpha-40:#c2410c66;
+	--color-primary-alpha-50:#c2410c80;
+	--color-primary-alpha-60:#c2410c99;
+	--color-primary-alpha-70:#c2410cb3;
+	--color-primary-alpha-80:#c2410ccc;
+	--color-primary-alpha-90:#c2410ce1;
+	--color-primary-hover:var(--color-primary-dark-2);
+	--color-primary-active:var(--color-primary-dark-4);
+	--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);
+	--color-red:#dc2626;
+	--color-orange:#ea580c;
+	--color-yellow:#ca8a04;
+	--color-olive:#91a313;
+	--color-green:#15803d;
+	--color-teal:#0d9488;
+	--color-blue:#2563eb;
+	--color-violet:#7c3aed;
+	--color-purple:#9333ea;
+	--color-pink:#db2777;
+	--color-brown:#a47252;
+	--color-grey:#4b5563;
+	--color-black:#000;
+	--color-red-light:#ef4444;
+	--color-orange-light:#f97316;
+	--color-yellow-light:#eab308;
+	--color-olive-light:#839311;
+	--color-green-light:#16a34a;
+	--color-teal-light:#14b8a6;
+	--color-blue-light:#3b82f6;
+	--color-violet-light:#8b5cf6;
+	--color-purple-light:#a855f7;
+	--color-pink-light:#ec4899;
+	--color-brown-light:#94674a;
+	--color-grey-light:#6b7280;
+	--color-black-light:#181818;
+	--color-red-dark-1:#c82020;
+	--color-orange-dark-1:#d34f0b;
+	--color-yellow-dark-1:#b67c04;
+	--color-olive-dark-1:#839311;
+	--color-green-dark-1:#137337;
+	--color-teal-dark-1:#0c857a;
+	--color-blue-dark-1:#1554e0;
+	--color-violet-dark-1:#6a1feb;
+	--color-purple-dark-1:#8519e7;
+	--color-pink-dark-1:#c7216b;
+	--color-brown-dark-1:#94674a;
+	--color-black-dark-1:#000;
+	--color-red-dark-2:#b21d1d;
+	--color-orange-dark-2:#bb460a;
+	--color-yellow-dark-2:#a26e03;
+	--color-olive-dark-2:#74820f;
+	--color-green-dark-2:#116631;
+	--color-teal-dark-2:#0a766d;
+	--color-blue-dark-2:#124bc7;
+	--color-violet-dark-2:#5c14d8;
+	--color-purple-dark-2:#7715cf;
+	--color-pink-dark-2:#b11d5f;
+	--color-brown-dark-2:#835b42;
+	--color-black-dark-2:#000;
+	--color-gold:#b1983b;
+	--color-white:#fff;
+	--color-diff-removed-word-bg:#fca5a5;
+	--color-diff-added-word-bg:#86efac;
+	--color-diff-removed-row-bg:#fee2e2;
+	--color-diff-moved-row-bg:#fef9c3;
+	--color-diff-added-row-bg:#dcfce7;
+	--color-diff-removed-row-border:#fca5a5;
+	--color-diff-moved-row-border:#fde047;
+	--color-diff-added-row-border:#86efac;
+	--color-diff-inactive:var(--zinc-100);
+	--color-error-border:#fecaca;
+	--color-error-bg:#a60808;
+	--color-error-bg-active:#a60808;
+	--color-error-bg-hover:#fecaca;
+	--color-error-text:#f7f7f7;
+	--color-success-border:#bbf7d0;
+	--color-success-bg:#ffffd7;
+	--color-success-text:#14532d;
+	--color-warning-border:#fde047;
+	--color-warning-bg:#fde047;;
+	--color-warning-text:#78350f;
+	--color-info-border:#bae6fd;
+	--color-info-bg:#e0f2fe;
+	--color-info-text:#0c4a6e;
+	--color-red-badge:#b91c1c;
+	--color-red-badge-bg:#b91c1c22;
+	--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;
+	--color-git:#f05133;
+	--color-body:#f7f7f7;
+	--color-box-header:var(--zinc-100);
+	--color-box-body:var(--zinc-50);
+	--color-box-body-highlight:var(--zinc-200);
+	--color-text-dark:#000;
+	--color-text:var(--zinc-900);
+	--color-text-light:var(--zinc-700);
+	--color-text-light-1:var(--zinc-650);
+	--color-text-light-2:var(--zinc-600);
+	--color-text-light-3:var(--zinc-550);
+	--color-footer:var(--zinc-100);
+	--color-timeline:var(--zinc-200);
+	--color-input-text:var(--zinc-800);
+	--color-input-background:#fff;
+	--color-input-toggle-background:#fff;
+	--color-input-border:var(--zinc-300);
+	--color-input-border-hover:var(--zinc-400);
+	--color-header-wrapper:var(--zinc-50);
+	--color-header-wrapper-transparent:#d2e0f000;
+	--color-light:#fffc;
+	--color-light-mimic-enabled:rgba(0,0,0,calc(6/255*222/255/var(--opacity-disabled)));
+	--color-light-border:#0000001d;
+	--color-hover:#e4e4e4aa;
+	--color-active:#d4d4d8aa;
+	--color-menu:var(--zinc-100);
+	--color-card:var(--zinc-50);
+	--color-markup-table-row:#ffffff06;
+	--color-markup-code-block:var(--zinc-150);
+	--color-button:var(--zinc-150);
+	--color-code-bg:var(--zinc-50);
+	--color-code-sidebar-bg:var(--zinc-100);
+	--color-shadow:#00000060;
+	--color-secondary-bg:var(--zinc-100);
+	--color-text-focus:#fff;
+	--color-expand-button:var(--zinc-200);
+	--color-placeholder-text:var(--zinc-400);
+	--color-editor-line-highlight:var(--zinc-100);
+	--color-project-board-bg:var(--color-secondary-light-2);
+	--color-project-board-dark-label:var(--color-text-light-3);
+	--color-caret:var(--color-text);
+	--color-reaction-bg:#0000000a;
+	--color-reaction-active-bg:var(--color-primary-alpha-20);
+	--color-tooltip-text:#fff;
+	--color-tooltip-bg:#000000f0;
+	--color-nav-bg:var(--zinc-100);
+	--color-nav-hover-bg:var(--zinc-300);
+	--color-label-bg:#cacaca5b;
+	--color-label-hover-bg:#cacacaa0;
+	--color-label-active-bg:#cacaca;
+	--color-accent:var(--color-primary-light-1);
+	--color-small-accent:var(--color-primary-light-5);
+	--color-active-line:var(--color-primary-light-6);
+	--color-overlay-backdrop:#080808c0;
+	accent-color:var(--color-accent);
+	color-scheme:light
+}
+
+.text.green.svg {
+	color:#16a34a!important
+}
+
+.ui.secondary.vertical.menu {
+	overflow:hidden;
+	border-radius:.285714rem!important
+}
+
+.ui.secondary.vertical.menu>.item {
+	border-radius:0!important
+}
+.page-content .ui.button {
+	box-shadow: var(--buttonShadow) !important;
+	border-radius: 4px !important;
+}
+
+.ui.compact.small.basic.button, .ui.compact.basic.button {
+	background-color: #182230;
+	background-color: var(--color-button,#182230);
+	border: none;
+	border-radius: 4px;
+	border-radius: var(2px, 4px);
+	cursor: pointer;
+	font-family: sans-serif;
+	font-family: var(--interfaceFont,sans-serif);
+	font-size: 1em;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	user-select: none;
+}
+
+.page-content .ui.button:hover {
+	box-shadow: var(--buttonHoverShadow) !important;
+}
+
+.ui.basic.primary.button.item {
+	background-color:var(--color-active)!important;
+	color:var(--color-text)!important;
+}
+
+.ui.red.label.notification_count,.ui.primary.labels .label {
+	background-color:var(--color-primary-dark-1)!important
+}
+
+.repository.view.issue .comment-list .code-comment+.code-comment {
+	border-top-color:var(--zinc-250)!important;
+	margin:1.25rem 0!important;
+	padding-top:1.25rem!important
+}
+
+.ui.labeled.icon.buttons>.button>.icon,.ui.labeled.icon.button>.icon {
+	background-color:#0000000d!important;
+}
+
+#review-box .review-comments-counter {
+	margin-left:.5em;
+	color:#000!important;
+	background-color:#fffa!important
+}
+
+.ui.tabs .ui.primary.label,.ui.menu .ui.primary.label {
+	color:var(--color-text-dark)!important;
+	background-color:#00000026!important
+}
+
+.ui.basic.yellow.label.pending-label {
+	background:var(--color-warning-bg)!important;
+	color:var(--color-warning-text)!important;
+	border-color:#eab308!important
+}
+
+ui.compact.small.basic.button, button:disabled {
+	color: var(--buttonDisabledText,#b9b9ba) !important;
+	background-color: var(--buttonDisabled,#182230) !important;
+	cursor: not-allowed;
+}
+
+/*.repository-summary, #repo-files-table, #readme, ui.segment {
+	border-radius: 3px;
+	border: 2px solid #7d7d7d !important;
+}*/
+
+::selection {
+	background:var(--steel-450)!important;
+	color:#fff!important
+}
+
+
+#navbar {
+	border-radius: 3px 3px 0 0;
+	align-items: stretch;
+	box-shadow: 0px 0px 0px 1px rgba(98, 14, 140, 1) , 1px 1px 0px 0px rgba(255, 255, 255, 0.3) inset, -1px -1px 0px 0px rgba(0, 0, 0, 0.3) inset;
+}

custom/templates/base/head.tmpl

@@ -29,6 +29,7 @@
 	{{template "base/head_opengraph" .}}
 	{{template "base/head_style" .}}
 	{{template "custom/header" .}}
+	<link rel="stylesheet" href="/assets/css/shinonome.css">
 </head>
 <body>
 	{{ctx.DataRaceCheck $.Context}}