User:Vaileasys/Sandbox

Notes for wiki dark theme

Things to remember

• toc uses linear-gradient for .sidebar-toc:after selector
• change 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 colours
• edit window
• some files need to be made white and uploaded
  • search
  • talk/discuss
  • history
  • watchlist on & watchlist off
  • user avatar
  • expand & down arrow (toc)
  • watchlist
  • show sidebar & hide sidebar

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 dropdown
  • hover background-color, e.g. Bold and Italic
  • icons, e.g. Bold and Italic
• wiki notices, e.g. when editing
• infobox icon selected: div.infobox div.infobox-image > div.infobox-gallery img.selected
• preferences and 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 color
• update Template:Sup colors
• toc link colors, needs to be the same as others

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);
}