| Latest revision |
Your text |
| Line 1: |
Line 1: |
| {{/header}} | | {{/header}} |
| __NEWSECTIONLINK__ | | __NEWSECTIONLINK__ |
| == Improved color palette! ==
| |
|
| |
| As you may have noticed, skyHow has implemented the new color palette, based on Tailwind v4. It takes advantage of OKLCH colors, which covers the P3 color gamut for supported devices, for brighter, more vivid, and punchier colors. It degrades gracefully to HEX colors in older browsers.
| |
|
| |
| skyHow has also implemented these variables in error, warning, success, info and neutral types.
| |
|
| |
| You can use the variables to set colors for text, backgrounds and borders.
| |
|
| |
| {| class="wikitable"
| |
| ! Lightness
| |
| ! Error
| |
| ! Warning
| |
| ! Success
| |
| ! Info
| |
| ! Neutral (New!)
| |
| |-
| |
| | rowspan=2 | Lightest
| |
| | style="background: var(--color-error-lightest1);" |color-red-100
| |
| | style="background: var(--color-warning-lightest1);" |color-yellow-100
| |
| | style="background: var(--color-success-lightest1);" |color-green-100
| |
| | style="background: var(--color-info-lightest1);" |color-blue-100
| |
| | style="background: var(--color-neutral-lightest1);" |color-gray-50
| |
| |-
| |
| | style="background: var(--color-error-lightest2);" |color-rose-100
| |
| | style="background: var(--color-warning-lightest2);" |color-amber-100
| |
| | style="background: var(--color-success-lightest2);" |color-emerald-100
| |
| | style="background: var(--color-info-lightest2);" |color-indigo-100
| |
| | style="background: var(--color-neutral-lightest2);" |color-stone-50
| |
| |-
| |
| | rowspan=2 | Lighter
| |
| | style="background: var(--color-error-lighter1);" |color-red-300
| |
| | style="background: var(--color-warning-lighter1);" |color-yellow-300
| |
| | style="background: var(--color-success-lighter1);" |color-green-300
| |
| | style="background: var(--color-info-lighter1);" |color-blue-300
| |
| | style="background: var(--color-neutral-lighter1);" |color-gray-200
| |
| |-
| |
| | style="background: var(--color-error-lighter2);" |color-rose-300
| |
| | style="background: var(--color-warning-lighter2);" |color-amber-300
| |
| | style="background: var(--color-success-lighter2);" |color-emerald-300
| |
| | style="background: var(--color-info-lighter2);" |color-indigo-300
| |
| | style="background: var(--color-neutral-lighter2);" |color-stone-200
| |
| |-
| |
| | rowspan=2 | Light<br>''(Passes WCAG AA on dark backgrounds)''
| |
| | style="background: var(--color-error-light1);" |color-red-400
| |
| | style="background: var(--color-warning-light1);" |color-yellow-400
| |
| | style="background: var(--color-success-light1);" |color-green-400
| |
| | style="background: var(--color-info-light1);" |color-blue-400
| |
| | style="background: var(--color-neutral-light1);" |color-gray-400
| |
| |-
| |
| | style="background: var(--color-error-light2);" |color-rose-400
| |
| | style="background: var(--color-warning-light2);" |color-amber-400
| |
| | style="background: var(--color-success-light2);" |color-emerald-400
| |
| | style="background: var(--color-info-light2);" |color-indigo-400
| |
| | style="background: var(--color-neutral-light2);" |color-stone-400
| |
| |-
| |
| | rowspan=2 | Regular<br>''(Passes WCAG AA on light backgrounds)''
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-error1);" |color-red-600
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-warning1);" |color-yellow-700
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-success1);" |color-green-700
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-info1);" |color-blue-600
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-neutral1);" |color-gray-500
| |
| |-
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-error2);" |color-rose-600
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-warning2);" |color-amber-700
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-success2);" |color-emerald-700
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-info2);" |color-indigo-600
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-neutral2);" |color-stone-500
| |
| |-
| |
| | rowspan=2 | Dark
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-error-dark1);" |color-red-700
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-warning-dark1);" |color-yellow-800
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-success-dark1);" |color-green-800
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-info-dark1);" |color-blue-700
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-neutral-dark1);" |color-gray-600
| |
| |-
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-error-dark2);" |color-rose-700
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-warning-dark2);" |color-amber-800
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-success-dark2);" |color-emerald-800
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-info-dark2);" |color-indigo-700
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-neutral-dark2);" |color-stone-600
| |
| |-
| |
| | rowspan=2 | Darker
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-error-darker1);" |color-red-800
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-warning-darker1);" |color-yellow-900
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-success-darker1);" |color-green-900
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-info-darker1);" |color-blue-800
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-neutral-darker1);" |color-gray-800
| |
| |-
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-error-darker2);" |color-rose-800
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-warning-darker2);" |color-amber-900
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-success-darker2);" |color-emerald-900
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-info-darker2);" |color-indigo-800
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-neutral-darker2);" |color-stone-800
| |
| |-
| |
| | rowspan=2 | Darkest
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-error-darkest1);" |color-red-900
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-warning-darkest1);" |color-yellow-950
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-success-darkest1);" |color-green-950
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-info-darkest1);" |color-blue-900
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-neutral-darkest1);" |color-gray-950
| |
| |-
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-error-darkest2);" |color-rose-900
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-warning-darkest2);" |color-amber-950
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-success-darkest2);" |color-emerald-950
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-info-darkest2);" |color-indigo-900
| |
| | style="color: var(--color-neutral-lightest1); background: var(--color-neutral-darkest2);" |color-stone-950
| |
| |}
| |
|
| |
| skyHow hopes that everyone will have a better experience when browsing skyHow.
| |
|
| |
| Let us know if you have any questions.
| |
|
| |
| [[User:Xeverything11|Xeverything11]] ([[User talk:Xeverything11|talk]]) 19:44, 3 May 2025 (UTC)
| |
|
| |
| == New layout ==
| |
|
| |
| As you may have noticed, skyHow has gone a major layout change, implementing the power of CSS flexbox to add a sidebar to the right of the page, similar to wikiHow's layout. skyHow also increased the maximum width from 1050px to 1600px to fit more content, especially the new sidebar. Any thoughts? [[User:Xeverything11|Xeverything11]] ([[User talk:Xeverything11|talk]]) 14:19, 17 May 2025 (UTC)
| |
|
| |
| == More accurate method of counting articles ==
| |
|
| |
| skyHow claimed to have only three articles, when in really it has dozens of articles. So I changed one setting in ManageWiki and this increased the article count to 21, which is likely correct. [[User:Xeverything11|Xeverything11]] ([[User talk:Xeverything11|talk]]) 05:45, 19 May 2025 (UTC)
| |
|
| |
| == Redesigned editing toolbox on mobile devices ==
| |
|
| |
| [[File:2025-06-19 skyHow redesigned editing toolbox mobile.png|right|thumb|Redesigned editing toolbox on skyHow, based on iOS 26's Liquid Glass redesign]]
| |
| skyHow has gone a major change to the editing toolbox on mobile devices. The new design, as you can see in the screenshot on the right, is based on the all-new Liquid Glass redesign from iOS 26, with blur effects (when supported in recent(ish) browsers). The toolbox has been placed at the bottom for easy one-hand access to the tools. [[User:Xeverything11|Xeverything11]] ([[User talk:Xeverything11|talk]]) 20:05, 19 June 2025 (UTC)
| |
|
| |
| :@[[User:Agusbou2015]] Any thoughts? [[User:Xeverything11|Xeverything11]] ([[User talk:Xeverything11|talk]]) 20:05, 19 June 2025 (UTC)
| |
| ::Great! [[User:Agusbou2015|Agusbou2015]] ([[User talk:Agusbou2015|talk]]) 21:03, 19 June 2025 (UTC)
| |
|
| |
| == Changes to Patrol widget ==
| |
|
| |
| [[File:2025-06-23 skyHow Changes To Patrol widget.png|left|thumb|The Changes to Patrol widget, inspired from wikiHow]]
| |
| I have created the Changes to Partol widget, inspired from wikiHow. It's now available, even anonymously, allowing users and patrollers to track recent changes to pages - right from the sidebar on right of screen. @[[User:Agusbou2015]], any thoughts? [[User:Xeverything11|Xeverything11]] ([[User talk:Xeverything11|talk]]) 18:44, 23 June 2025 (UTC)
| |
|
| |
| :That's great! [[User:Agusbou2015|Agusbou2015]] ([[User talk:Agusbou2015|talk]]) 20:12, 23 June 2025 (UTC)
| |
| ::Please add it also to Spanish skyHow! [[User:Agusbou2015|Agusbou2015]] ([[User talk:Agusbou2015|talk]]) 20:13, 23 June 2025 (UTC)
| |
| :::I have added it to Spanish skyHow. [[User:Xeverything11|Xeverything11]] ([[User talk:Xeverything11|talk]]) 20:56, 25 June 2025 (UTC)
| |
| ::::Thanks! [[User:Agusbou2015|Agusbou2015]] ([[User talk:Agusbou2015|talk]]) 22:24, 25 June 2025 (UTC)
| |
| :::::The Spanish patrol widget still includes the sun icon and the 0, removed in the English patrol widget! Please fix the Spanish patrol widget! [[User:Agusbou2015|Agusbou2015]] ([[User talk:Agusbou2015|talk]]) 13:53, 26 June 2025 (UTC)
| |
| ::::::You are an administrator on Spanish skyHow, so your changes are autopatrolled, therefore "0". [[User:Xeverything11|Xeverything11]] ([[User talk:Xeverything11|talk]]) 14:58, 26 June 2025 (UTC)
| |
|
| |
| == The official skyHow YouTube channel is here! ==
| |
|
| |
| We have created a [https://www.youtube.com/@skyHow-wiki skyHow YouTube channel]. This channel is intended to get some YouTube users into skyHow to contribute to content. This channel will feature how-to content as well as help guides on how to use skyHow, as well as videos mocking wikiHow.
| |
|
| |
| Any thoughts on this YouTube channel? Pinging @[[User:Agusbou2015]] and @[[User:FrankFrankUltimate]] [[User:Xeverything11|Xeverything11]] ([[User talk:Xeverything11|talk]]) 14:23, 27 June 2025 (UTC)
| |
|
| |
| :Great! [[User:Agusbou2015|Agusbou2015]] ([[User talk:Agusbou2015|talk]]) 15:24, 27 June 2025 (UTC)
| |
| :It's perfect. [[User:FrankFrankUltimate|FrankFrankUltimate]] ([[User talk:FrankFrankUltimate|talk]]) 01:46, 18 July 2025 (UTC)
| |
|
| |
| == WikiOasis Partner Program ==
| |
|
| |
| WikiOasis recently launched the [https://meta.wikioasis.org/wiki/WikiOasis_Partner_Program WikiOasis Partner Program]. I've been reading a bit about it, and I think it could be beneficial for skyHow. What do you think? [[User:Mr. A|Mr. A]] ([[User talk:Mr. A|talk]]) 19:40, 10 July 2025 (UTC)
| |
|
| |
| :Would be nicer if you didn't submit troll applications for it :< [[User:Zippybonzo|Zippybonzo]] ([[User talk:Zippybonzo|talk]]) 18:33, 11 July 2025 (UTC)
| |
