Commit graph

126 commits

Author SHA1 Message Date
alistair3149 b5180bfbda
feat(core): use Codex tokens for z-index 2024-07-09 16:44:15 -04:00
alistair3149 442c272cab
feat(wikitable): use box-shadow instead of border hacks to build table border 2024-07-07 01:51:22 -04:00
alistair3149 00b2495c1a
feat(core): use px for border-radius
- Move border radius calculation to CSS variable instead of LESS
- Rename CSS variable according to Codex, soft-deprecating the existing border radius
2024-07-05 13:24:31 -04:00
github-actions 852fd86013 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-07-01 04:06:43 +00: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 87a8bf256e
refactor(core): ♻️ various cleanup 2024-05-27 23:18:13 -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 5e575f4c20
feat(core): use CSS variable to define default Citizen font 2023-12-15 15:07:43 -05:00
alistair3149 b134fbfec5
feat(core): prefer Roboto over language fonts 2023-12-13 17:33:43 -05:00
alistair3149 eee044d145
feat(core): use CSS variable for language-specific fonts 2023-12-13 17:09:57 -05:00
alistair3149 f1ddf3206b
feat(core): clean up skin variables load order 2023-11-16 18:23:24 -05:00
github-actions 684f20ac6f ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-11-16 22:56:34 +00: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 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
沈澄心 2891d042cc
fix(core): skin preference support for Safari on iOS < 12.2 (#680)
* Update skins.citizen.preferences.js

* Update skins.citizen.preferences.js

* Update inline.js

* Update SkinHooks.php

* Update skins.citizen.preferences.less

* Update variables.less

* Update theme.less

* Update theme.less

* Update skins.citizen.preferences.js

* Update skins.citizen.preferences.js

* Update skins.citizen.preferences.js

* Update skin.js
2023-07-03 08:48:41 -04:00
github-actions 8351aa5203 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2023-06-08 19:45:07 +00: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
沈澄心 659c47b3c2
fix(core): typo in dark-color-text-error (#658) 2023-06-06 17:21:31 -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
沈澄心 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
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 8c8ab997ac
feat(core): increase base layout width to 1080px 2022-12-14 15:05:08 -05:00
alistair3149 3414d59643
feat(core): dynamic dark theme color based on primary hue 2022-12-14 14:06:06 -05:00
alistair3149 867fd29b7c
refactor(core): ♻️ clean up unused LESS variables 2022-12-14 12:59:38 -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 ca7dd9fe86
feat(ooui): redo OOUI styles 2022-11-30 21:42:28 -05:00
alistair3149 7b33d7e2f1
feat(core): responsive page padding 2022-11-21 17:47:14 -05:00
alistair3149 9eda536420
refactor(core): ♻️ clean up legacy LESS variables 2022-11-21 17:47:11 -05:00
alistair3149 85e69f5a6b
refactor(core): ♻️ deprecate old font variables 2022-11-21 17:47:09 -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 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 bc1dd38a12
feat(core): add back to top link to toc 2022-11-21 17:41:56 -05:00
alistair3149 8793a243c3
feat(core): rewrite body layout into flex and grid 2022-11-21 17:41:42 -05:00
alistair3149 b89873d99c
feat(fonts): add Noto Sans CJK font support
This is by default disabled since it is only used for wikis with CJK language,
and also it adds around 100kb to the startup stylesheet. The fonts are subsetted
with Google Fonts slicing pattern, so it should be performance friendly
2022-10-27 16:53:12 -04: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 be8b9a0a0d
feat(core): clean up and tweak z-index usage
fixes #462
2022-05-23 15:11:41 -04:00
alistair3149 1b7217457a feat(core): do not override blockquote font size 2022-05-19 14:26:56 -04:00
alistair3149 0e3ecf1415
feat(core): use relative units for text and spacing 2022-05-11 19:04:52 -04:00
alistair3149 5ccfbcfdeb refactor(core): clean up drawer implementation
This is a part of the site header refactor
* Use relative units
* Add title to toggle button
* Remove unnessecary CSS
* Rewrite HTML classes
* Temporary remove drawer subsearch, it will be re-explored in a later patch
2022-05-10 10:52:36 -04:00
alistair3149 e2a6a0355c feat(core): toggle visbility in CSS when menu is show/hidden
* Better performance as browser would not render element when it is hidden
* Better accessbility support for screen readers
2022-05-01 21:46:39 -04:00
alistair3149 e2da010a90
feat(core): tweak drawer open transition
Instead of using translate which can look jarring especially in large menus,
we use a combination of scale and opacity to achieve smoother effect while
saving more on performance.
2022-05-01 20:17:06 -04:00