search

david-wolgemuth / xyzplore

game !! explore and create dynamic world, create characters, solve challenges
https://david-wolgemuth.github.io/xyzplore/?t=about-homepage
1 stars 1 forks source link

implement colorscheme #1

Open david-wolgemuth opened 3 months ago

david-wolgemuth commented 3 months ago

Juniper

Color Scheme

Screenshot_20240606-183935

david-wolgemuth commented 3 months ago

Color Scheme for Juniper Mackenzie

david-wolgemuth commented 3 months ago

Color Scheme with Related Hex Codes

Orange

Red

Green

Blue

david-wolgemuth commented 3 months ago

Related Emojis

david-wolgemuth commented 3 months ago

Color Scheme with Related Hex Codes

Orange

Red

Green

Blue

w-divad-9142 commented 3 months ago 
:root {
  /* Orange Color Scheme */
  --orange-primary: #D6B8A4;
  --orange-related-1: #FFA500; /* Orange */
  --orange-related-2: #FF8C00; /* Dark Orange */
  --orange-related-3: #FF4500; /* Orange Red */

  /* Red Color Scheme */
  --red-primary: #AB9482;
  --red-related-1: #FF0000; /* Red */
  --red-related-2: #DC143C; /* Crimson */
  --red-related-3: #B22222; /* Firebrick */

  /* Green Color Scheme */
  --green-primary: #388E50;
  --green-related-1: #008000; /* Green */
  --green-related-2: #32CD32; /* Lime Green */
  --green-related-3: #228B22; /* Forest Green */

  /* Blue Color Scheme */
  --blue-primary: #6D8AA3;
  --blue-related-1: #0000FF; /* Blue */
  --blue-related-2: #1E90FF; /* Dodger Blue */
  --blue-related-3: #4682B4; /* Steel Blue */
}
david-wolgemuth commented 3 months ago 
:root {
    /* Neutral Color Scheme */
    --dark-gray: #27282e;
    --medium-dark-gray: #29292b;
    --slate-gray: #272629;
    --dark-slate-gray: #242625;
    --charcoal-gray: #212322;
    --slightly-darker-gray: #232524;
    --almost-black: #262828;
    --gray: #4c4e4d;

    /* Green and Blue Color Scheme */
    --olive-green: #597f1a;
    --light-blue: #4cb0d6;
    --sky-blue: #43afdd;
    --cerulean-blue: #37a0d1;
    --aqua-blue: #3ca0ce;
    --brick-red: #9c2f27;
    --dark-red: #992f28;
    --orange: #f7763b;

    /* Additional Colors */
    --olive-drab: #72913e;
    --pale-blue: #71b6ce;
    --light-cyan: #71b4d1;
    --sea-blue: #5eaacb;
    --sky-turquoise: #61acc5;
    --dark-brick-red: #8c2921;
    --deep-red: #811b1f;
    --burnt-orange: #df7944;

    /* Light Colors */
    --off-white: #fcfffe;
    --white-smoke: #fcffff;
    --pure-white-1: #fcffff;
    --pure-white-2: #fcffff;
    --ivory: #fcffff;
    --white-1: #ffffff;
    --white-2: #ffffff;
    --white-3: #ffffff;

    /* Dark Blue Color Scheme */
    --navy-blue: #0c3766;
    --deep-sea-blue: #175878;
    --slate-blue: #295a6f;
    --prussian-blue: #143751;
    --steel-blue: #0e4e6f;
    --dark-steel-blue: #114467;
    --midnight-blue: #0e2e4c;
    --dark-midnight-blue: #11284b;
  }