User:Vaileasys/Sandbox: Difference between revisions
(→Final: added new css) |
(mark off completed items) |
||
(8 intermediate revisions by the same user not shown) | |||
Line 2: | Line 2: | ||
==Things to remember== | ==Things to remember== | ||
*toc uses linear-gradient for <code>.sidebar-toc:after</code> selector | *<s>toc uses linear-gradient for <code>.sidebar-toc:after</code> selector</s> | ||
*change wikitable colours (will also modify infobox and various other templates colours) | *<s>change wikitable colours (will also modify infobox and various other templates colours)</s> | ||
**also wikitable caption color | **<s>also wikitable caption color</s> | ||
*check to make sure toggleboxes and navboxes use wikitable colors for background-color - otherwise modify | *check to make sure toggleboxes and navboxes use wikitable colors for background-color - otherwise modify | ||
*change sidebar heading colours | *change sidebar heading colours | ||
**including toc 'current' heading | **including toc 'current' heading | ||
*change search bar colours | *<s>change search bar colours</s> | ||
*edit window | *<s>edit window</s> | ||
*some files need to be made white and uploaded | *<s>some files need to be made white and uploaded</s> | ||
**[ | **<s>[[:File:Search.png|search]]</s> | ||
**[ | **<s>[[:File:SpeechBubbles.png|talk/discuss]]</s> | ||
**[ | **<s>[[:File:History.png|history]]</s> | ||
**[ | **<s>[[:File:UnStar.png|watchlist on]] & [[:File:Star.png|watchlist off]]</s> | ||
**[ | **<s>[[:File:UserAvatar.png|user avatar]]</s> | ||
**[ | **<s>[[:File:Expand.png|expand]] & [[:File:Arrow-down.png|down arrow (toc)]]</s> | ||
**<s>[[:File:Watchlist.png|watchlist]]</s> | |||
**< | **<s>[[:File:MenuHamburger.png|show sidebar]] & [[:File:ChevronBack.png|hide sidebar]]</s> | ||
**< | |||
==Values== | ==Values== | ||
Line 36: | Line 35: | ||
==CSS== | ==CSS== | ||
===To | ===To-do=== | ||
*Edit | |||
**chevrons, e.g. before Advanced & after heading (use: /w/images/f/fb/Arrow-down.png) | |||
**search & replace widget in edit | |||
**<s>edit widget top elements, e.g. <code>.wikiEditor-ui-toolbar</code></s> | |||
**<s>heading dropdown</s> | |||
**<s>hover background-color, e.g. Bold and Italic</s> | |||
**<s>icons, e.g. Bold and Italic</s> | |||
*wiki notices, e.g. when editing | |||
*infobox icon selected: <code>div.infobox div.infobox-image > div.infobox-gallery img.selected</code> | |||
*<s>preferences</s> and watchlist | |||
*recent changes | |||
*"more" dropdown (i.e. move, etc.) | |||
*disabled textbox, dropdown, checkbox (e.g. protection window) | |||
*add variables for reoccurring colors | |||
*<s>change toc hidden button to be same as background & add hover color</s> | |||
*<s>update [[Template:Sup]] colors</s> | |||
*<s>toc link colors, needs to be the same as others</s> | |||
====Vector-2022.css==== | ====Vector-2022.css==== | ||
<syntaxhighlight lang="css"> | <syntaxhighlight lang="css"> | ||
</syntaxhighlight> | </syntaxhighlight> | ||
Latest revision as of 15:08, 31 March 2024
Notes for wiki dark theme
Things to remember
toc uses linear-gradient for.sidebar-toc:after
selectorchange wikitable colours (will also modify infobox and various other templates colours)also wikitable caption color
- check to make sure toggleboxes and navboxes use wikitable colors for background-color - otherwise modify
- change sidebar heading colours
- including toc 'current' heading
change search bar coloursedit windowsome files need to be made white and uploaded
Values
- font (body):
#c1ccc1
- font (heading):
e3e1df
- font (interface heading):
b0a99f
- font (interface selected):
d3cfca
- background (body):
#1f1f1f
- background (sidebar & vertical bar):
#181818
- border:
2b2b2b
- wikitable border:
484e51
- table row1:
1c1c1c
- table row2:
212121
- wikitable header:
2b2b2b
CSS
To-do
- Edit
- chevrons, e.g. before Advanced & after heading (use: /w/images/f/fb/Arrow-down.png)
- search & replace widget in edit
edit widget top elements, e.g..wikiEditor-ui-toolbar
heading dropdownhover background-color, e.g. Bold and Italicicons, e.g. Bold and Italic
- wiki notices, e.g. when editing
- infobox icon selected:
div.infobox div.infobox-image > div.infobox-gallery img.selected
preferencesand watchlist- recent changes
- "more" dropdown (i.e. move, etc.)
- disabled textbox, dropdown, checkbox (e.g. protection window)
- add variables for reoccurring colors
change toc hidden button to be same as background & add hover colorupdate Template:Sup colorstoc link colors, needs to be the same as others
Vector-2022.css
No longer adding
/* gallery grow image on hover */
li.gallerybox div.thumb img {
transition: all 0.2s ease-in-out
}
li.gallerybox div.thumb img:hover {
transform: scale(1.05);
}