Commit graph

55 commits

Author SHA1 Message Date
alistair3149 7c9eadb662
feat(core): convert some CSS variables into Codex equivalent part 3 2024-07-01 00:16:15 -04:00
alistair3149 ff0a6ed710
feat(core): clean up state colors 2024-07-01 00:04:36 -04:00
alistair3149 c21a908c12
feat(core): set new link color to color-destructive 2024-06-30 20:49:50 -04:00
alistair3149 0fdc7c4ad7
feat(core): convert some CSS variables into Codex equivalent part 2
Also fix various inconsistencies with quiet buttons
2024-06-30 20:41:31 -04:00
alistair3149 5d3ecd9edd
feat(core): convert some CSS variables into Codex equivalent
This is an on-going work to adapt Codex into Citizen.
Some of the CSS variables are soft depreciated, see tokens.less for updated info.
2024-06-30 01:04:30 -04:00
alistair3149 f0de4f4c5b
feat(overflow): use CSS variable for overflow gradient size
This will allow the gradient to be adjustable through CSS
2024-06-27 18:15:32 -04:00
alistair3149 e064de2402
refactor(cssVar): ♻️ replace all filter rules with CSS variables 2024-06-14 12:24:02 -04:00
alistair3149 86ef5ef06d
feat(cssVar): add --color-inverted-primary for text color above primary color 2024-06-10 19:47:49 -04:00
alistair3149 3d146b2374
refactor(cssVar): ♻️ introduce color-inverted 2024-06-05 18:54:54 -04:00
alistair3149 c40c7c7b84
feat(core): destructure surface colors into hsl variables 2024-05-28 13:59:07 -04:00
alistair3149 ff909e240d
feat(core): move page actions into bottom toolbar when width is limited
Related: #821
2024-04-26 17:41:27 -04:00
alistair3149 6392b4c24a
refactor(core): ♻️ merge theme into features.less and cssvariables.less 2024-04-25 16:19:53 -04:00
github-actions d24a8d60e2 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-25 19:50:36 +00:00
github-actions 469d6d1d5e ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-25 00:49:51 +00:00
alistair3149 e791a52cd5
refactor(core): ♻️ replace usage of skin-citizen-theme classes 2024-04-24 20:48:43 -04:00
github-actions b9a524bab4 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-19 20:26:48 +00:00
alistair3149 6b6dc5b269
feat(core): increase line height for CJK text
To improve readability on sites using Chinese, Japanese, and Korean.
2024-04-19 16:24:50 -04:00
alistair3149 fc47692421
feat(core): rename border-color variables and increase contrast
Align variable names with Codex
2024-04-19 15:20:59 -04:00
alistair3149 54ca25fa27
feat(core): implement new light theme
Now that we have a comfortable coverage for extensions.
It is time to start tweaking light theme color.
2024-03-19 15:48:53 -04:00
alistair3149 3162e19a2c
feat(core): use CSS variables for x-small font sizes 2024-02-26 17:14:19 -05:00
alistair3149 a9acc08e27
feat(core)!: 💥 rework font-size CSS variables
To align with Codex tokens, the old --font-size-hN CSS variables are renamed.
Introduced new font size variables (x-small, small)
2024-02-26 16:54:58 -05:00
alistair3149 5e575f4c20
feat(core): use CSS variable to define default Citizen font 2023-12-15 15:07:43 -05:00
alistair3149 eee044d145
feat(core): use CSS variable for language-specific fonts 2023-12-13 17:09:57 -05:00
alistair3149 60999eb1d9
feat(core): replace breakpoint LESS variables with Codex tokens
Codex tokens are a better implementation and this should ensure consistency across the MW ecosystem.
We have to keep a copy for now as they are introduced in 1.41.

Related: #735
2023-11-16 17:55:59 -05:00
alistair3149 0afb40fc86
feat(core): adapt typography to user preferences
* Add reduced gradation for dark mode
* Bolder font for prefer high contrast
* Thinner font for prefer low contrast
2023-08-03 17:41:54 -04:00
alistair3149 c7e45177cd
feat(core): update menu transition styles and implementation
Same as the previous commit, the transition is now accessible as a CSS variable (transition-menu)
2023-07-07 17:02:27 -04:00
alistair3149 a7f9c55c88
feat(core): update hover transition styles and implementation
The timing and easing function are defined separately than the property.
It is now accessible as a CSS variable (transition-hover)
2023-07-07 16:36:38 -04:00
沈澄心 e69160de2f
feat(WikiHiero): add WikiHiero color (#653)
Also update Math color

---------

Co-authored-by: alistair3149 <alistair3149@users.noreply.github.com>
2023-06-08 15:44:22 -04:00
alistair3149 8a618a6a9d
feat(core): update state background color
Switch to a semi-transparent color so it blends with the background.
Fix #639
2023-06-01 19:00:33 -04:00
github-actions b537776dab ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-06-01 22:48:25 +00:00
沈澄心 ba825daa9a
feat(core): update state text color (#642)
* Update variables.less

* Update cssvariables.less

* Update content.body.less

* Update mediawiki.special.changeslist.less

* Update mediawiki.special.changeslist.less

* Update ext.scribunto.edit.less

* Update ext.echo.ui.less

* Create mediawiki.interface.helpers.styles.less

* Update skin.json

* Update oojs-ui-core.less

* Update oojs-ui-core.less

* Update variables.less

* Update cssvariables.less

* Update variables.less

* Update mediawiki.special.changeslist.less

* Update cssvariables.less

* Update variables.less

* Update variables.less

* Update README.md

* Update README.md

* Update mediawiki.special.changeslist.less
2023-06-01 18:47:40 -04:00
沈澄心 efd02548a6
feat(Scribunto): add support for Scribunto debug console (#629)
* add support for Scribunto debug console

* Update ext.scribunto.edit.less

* Update README.md
2023-05-23 12:27:54 -04:00
alistair3149 83f7fc5db2
feat(core): update font stacks 2023-02-16 13:00:10 -05:00
alistair3149 af41f98935
feat(core): use same font family instead of serif for blockquote
Since it is the only place that use serif, the serif variable is also removed
2023-02-16 12:13:21 -05:00
alistair3149 3414d59643
feat(core): dynamic dark theme color based on primary hue 2022-12-14 14:06:06 -05:00
alistair3149 37cdf91257
feat(core): deprecate background-color-framed and input
background-color-framed can be replaced with color-surface-2 most of the time.
input is not used.
They are both deprecated in favor of the simpler color-surface system
2022-12-14 12:56:17 -05:00
alistair3149 7b33d7e2f1
feat(core): responsive page padding 2022-11-21 17:47:14 -05:00
alistair3149 d238e932a1
feat(core): add pill and circle border radius variables 2022-11-21 17:46:31 -05:00
alistair3149 35ee8619cb
feat(core): responsive heading font sizes 2022-11-21 17:43:20 -05:00
alistair3149 fd40b1b855
feat(core): more granular spacing units 2022-11-21 17:42:43 -05:00
alistair3149 07d39c17dc
feat(font): use GRAD instead of font-weight to adjust contrast
font-weight have the issue of changing the width of text, while GRAD does not
2022-11-21 17:42:34 -05:00
alistair3149 034d5c4b02
feat(core): standardize line height 2022-11-21 17:42:33 -05:00
alistair3149 969cd787d6
feat(core): use different font weight in different themes
The same font weight do not provide the same contrast in different themes.
We should be able to change the scaling
2022-11-21 17:42:26 -05:00
alistair3149 a1ce408e43
feat(core): re-implement responsive toc 2022-11-21 17:42:05 -05:00
alistair3149 8793a243c3
feat(core): rewrite body layout into flex and grid 2022-11-21 17:41:42 -05:00
alistair3149 4902ae76ab
feat(core): redesign site footer
last modified and copyright message are not implemented yet.
they will be integrated into body content since they are not global.
2022-10-01 15:06:57 -04:00
alistair3149 6de95d4fec
feat(core): redesign site header (#521)
Change header into vertical header for large screen and bottom header for small screen.
2022-09-29 19:12:56 -04:00
alistair3149 96013bb126
feat: deprecate --background-color-dp-XX in favor of --color-surface-X
--background-color-dp-XX is now fully deprecated in favor of a simpler 4 color surface system. It can be accessed through the --color-surface-X CSS var.
2022-04-25 22:27:52 -04:00
alistair3149 f5a2a831d1
feat: add user customizable line height 2021-08-05 11:24:52 -04:00
alistair3149 cff27d972c
feat: remove color-link LESS variable and scope the CSS variable 2021-07-27 17:33:59 -04:00