MediaWiki:Common.less/colors.less

From RuneScape Classic Wiki
Jump to: navigation, search
/* ======================
      THEME VARIABLES
   ====================== */
// Refer to [[rsw:RuneScape:Theme]]; colors are sorted from darkest to lightest
// See <https://davidwalsh.name/sass-color-variables-dont-suck> for naming system

// Don't change any of this unless you know what you're doing

/* ------------------
      brand colors
   ------------------ */

// blues
@chathams-blue:    #115883;
@jelly-bean:       #246c97;
@steel-blue:       #438ab5;
@fountain-blue:    #6ba5c8;
@spindle:          #c1deee;
@selago:           #f6fbfe;

// gray-blues
@river-bed:        #444e5a;
@shuttle-gray:     #5d6773;
@gray-chateau:     #949eaa;
@loblolly:         #bdc5cd;
@mystic:           #e4eaee;
@black-haze:       #f9fafa;

// grays
@mineshaft:        #333333;
@tundora:          #4c4c4c;
@boulder:          #777777;
@silver:           #cccccc;
@gallery:          #eeeeee;
@alabaster:        #f9f9f9;

// dark mode
@black-pearl:      #071022;
@big-stone:        #172136;
@cloud-burst:      #222e45;
@pickled-bluewood: #313e59;
@waikawa-grey:     #596e96;
@portage:          #8cabe6;

/* -------------------
      status colors
   ------------------- */

// reds
@mocaccino:        #731911;
@old-brick:        #8e221a;
@flamingo:         #f54636;
@apricot-peach:    #fbc0ba;
@bridesmaid:       #feecea;

// oranges
@antique-bronze:   #80440e;
@korma:            #b55e0c;
@ecstasy:          #f7861b;
@corvette:         #fbcfa6;
@lace:             #fef0e4;

// yellows
@cinnamon:         #7f6900;
@olive:            #b69800;
@supernova:        #f9d000;
@golden:           #fcea94;
@half-dutch:       #fef9de;

// greens
@san-felix:        #2e5e05;
@la-palma:         #3c780a;
@lima:             #6bc71f;
@caper:            #c3e8a3;
@frost:            #ecf8e3;

// blues
@regal-blue:       #03436b;
@venice-blue:      #0b5884;
@curious-blue:     #229ce6;
@jordy-blue:       #aad9f5;
@tropical-blue:    #e5f3fc;

// purples
@honey-flower:     #641b87;
@seance:           #75269b;
@medium-purple:    #ba40f3;
@perfume:          #e4bbf7;
@heliotrope:       #f7ebfc;

// pinks
@cosmic:           #6d3662;
@cannon-pink:      #984c89;
@lavender:         #e874cf;
@cherub:           #f5c8ec;
@french-lilac:     #fceef9;

// other
@black:            #000000;
@white:            #ffffff;
@off-white: 	   #fbfbfb;

/* ----------------
       shadows
   ---------------- */

@box-shadow:       0 .25rem .35rem -0.25rem rgba(0,0,0,.1);
@box-shadow-dark:  0 .25rem .35rem -0.25rem rgba(0,0,0,.3);

/* ------------------------
        easing curves
     <http://easings.net>
   ------------------------ */

@ease-out-quad:    cubic-bezier(0.25, 0.46, 0.45, 0.94);
@ease-out-cubic:   cubic-bezier(0.215, 0.61, 0.355, 1);