mirror of
https://codeberg.org/forgejo/forgejo.git
synced 2024-12-23 14:53:34 +01: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
) (cherry picked from commit82323c09cc
) (cherry picked from commit2da09af28d
)
This commit is contained in:
parent
a1b8b5fa0d
commit
978aeb7cde
2 changed files with 15 additions and 2 deletions
|
@ -212,13 +212,18 @@
|
|||
/* should ideally be --color-text-dark, see #15651 */
|
||||
--color-reaction-bg: #ffffff12;
|
||||
--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-hover-bg: var(--steel-600);
|
||||
--color-label-active-bg: #4c525e;
|
||||
--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-small-accent: var(--color-primary-light-5);
|
||||
--color-active-line: var(--color-primary-alpha-20);
|
||||
--color-overlay-backdrop: #080808c0;
|
||||
accent-color: var(--color-accent);
|
||||
color-scheme: dark;
|
||||
}
|
||||
|
|
|
@ -1,3 +1,6 @@
|
|||
@import "../chroma/light.css";
|
||||
@import "../codemirror/light.css";
|
||||
|
||||
:root {
|
||||
--steel-900: #10161D;
|
||||
--steel-850: #131A21;
|
||||
|
@ -227,12 +230,17 @@
|
|||
/* should ideally be --color-text-dark, see #15651 */
|
||||
--color-reaction-bg: #0000000a;
|
||||
--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-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-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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue