mirror of
https://codeberg.org/forgejo/forgejo
synced 2024-08-23 16:11:12 +02:00
[BRANDING] Update forgejo theme
- Inlcudea103b79f60
and1b2cd4c4e1
and376c0e25f7
and023e937141
into the Forgejo theme. - Fix tooltips not being visual, due to missing background color. - Fix labels not having a background color. - Fix modals not having a dimmed background. - Fix no syntax highlighting on Forgejo light due to missing imports. - Incorporate feedback from https://codeberg.org/forgejo/forgejo/issues/1117 to make the labels stand out less. (cherry picked from commitbc21dc21e1
)
This commit is contained in:
parent
e6e452811d
commit
82323c09cc
|
@ -212,13 +212,18 @@
|
||||||
/* should ideally be --color-text-dark, see #15651 */
|
/* should ideally be --color-text-dark, see #15651 */
|
||||||
--color-reaction-bg: #ffffff12;
|
--color-reaction-bg: #ffffff12;
|
||||||
--color-reaction-active-bg: var(--color-primary-alpha-30);
|
--color-reaction-active-bg: var(--color-primary-alpha-30);
|
||||||
|
--color-tooltip-text: #ffffff;
|
||||||
|
--color-tooltip-bg: #000000f0;
|
||||||
--color-nav-bg: var(--steel-900);
|
--color-nav-bg: var(--steel-900);
|
||||||
--color-nav-hover-bg: var(--steel-600);
|
--color-nav-hover-bg: var(--steel-600);
|
||||||
--color-label-active-bg: #4c525e;
|
|
||||||
--color-label-text: #fff;
|
--color-label-text: #fff;
|
||||||
|
--color-label-bg: #393939;
|
||||||
|
--color-label-hover-bg: #5f5f5f;
|
||||||
|
--color-label-active-bg: #4c4c4c;
|
||||||
--color-accent: var(--color-primary-light-1);
|
--color-accent: var(--color-primary-light-1);
|
||||||
--color-small-accent: var(--color-primary-light-5);
|
--color-small-accent: var(--color-primary-light-5);
|
||||||
--color-active-line: var(--color-primary-alpha-20);
|
--color-active-line: var(--color-primary-alpha-20);
|
||||||
|
--color-overlay-backdrop: #080808c0;
|
||||||
accent-color: var(--color-accent);
|
accent-color: var(--color-accent);
|
||||||
color-scheme: dark;
|
color-scheme: dark;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,3 +1,6 @@
|
||||||
|
@import "../chroma/light.css";
|
||||||
|
@import "../codemirror/light.css";
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--steel-900: #10161D;
|
--steel-900: #10161D;
|
||||||
--steel-850: #131A21;
|
--steel-850: #131A21;
|
||||||
|
@ -227,12 +230,17 @@
|
||||||
/* should ideally be --color-text-dark, see #15651 */
|
/* should ideally be --color-text-dark, see #15651 */
|
||||||
--color-reaction-bg: #0000000a;
|
--color-reaction-bg: #0000000a;
|
||||||
--color-reaction-active-bg: var(--color-primary-alpha-20);
|
--color-reaction-active-bg: var(--color-primary-alpha-20);
|
||||||
|
--color-tooltip-text: #ffffff;
|
||||||
|
--color-tooltip-bg: #000000f0;
|
||||||
--color-nav-bg: var(--zinc-100);
|
--color-nav-bg: var(--zinc-100);
|
||||||
--color-nav-hover-bg: var(--zinc-300);
|
--color-nav-hover-bg: var(--zinc-300);
|
||||||
--color-label-active-bg: #4c525e;
|
--color-label-bg: #cacaca5b;
|
||||||
|
--color-label-hover-bg: #cacacaa0;
|
||||||
|
--color-label-active-bg: #cacacaff;
|
||||||
--color-accent: var(--color-primary-light-1);
|
--color-accent: var(--color-primary-light-1);
|
||||||
--color-small-accent: var(--color-primary-light-5);
|
--color-small-accent: var(--color-primary-light-5);
|
||||||
--color-active-line: var(--color-primary-light-6);
|
--color-active-line: var(--color-primary-light-6);
|
||||||
|
--color-overlay-backdrop: #080808c0;
|
||||||
accent-color: var(--color-accent);
|
accent-color: var(--color-accent);
|
||||||
color-scheme: light;
|
color-scheme: light;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue