leetcodecard.css

leetcodecard.css

:root {
  /* Background colors, from brightest to darkest */
  --bg-0: #1a1b26; /* Tokyo Night Storm, darkest */
  --bg-1: #24283b;
  --bg-2: #2a2e3e;
  --bg-3: #313449; /* Tokyo Night, brightest */
  
  /* Text colors, from darkest to brightest */
  --text-0: #c0caf5; /* Tokyo Night, brightest text */
  --text-1: #a9b1d6;
  --text-2: #9aa5ce;
  --text-3: #7aa2f7; /* Tokyo Night Storm, darkest text */
  
  /* Specialty colors */
  --color-0: #7dcfff; /* "Ring" Color, similar to Tokyo Night's folder icon color */
  --color-1: #9ece6a; /* "Easy" Color, vibrant green */
  --color-2: #e0af68; /* "Medium" Color, warm orange */
  --color-3: #f7768e; /* "Hard" Color, bright pink */
}

/* Extra Stuffs. for example, Change the color of LeetCode icon. */
#C {
    fill: #bb9af7; /* Lavender, for C in LeetCode logo */
}
#L {
    fill: #7aa2f7; /* Sapphire, for L in LeetCode logo */
}