Exercism by lmech

/* ==UserStyle==
@name           10/25/2022, 10:54:31 AM
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */

@-moz-document url-prefix("https://exercism.io")
{
  ::selection
  {
    color: white;
    background-color: rgba(28, 197, 0, 0.5);
  }

  code::selection,
code ::selection
  {
    color: inherit;
    background-color: rgba(28, 197, 0, 0.3);
  }

  a::selection,
a ::selection
  {
    color: white;
    background-color: rgba(0, 157, 197, 0.3);
  }

  ::-webkit-scrollbar
  {
    width: 12px;
    height: 12px;
  }

  ::-webkit-scrollbar-track
  {
    background-color: transparent;
    transition: 0.5s;
  }

  ::-webkit-scrollbar-track:hover
  {
    background-color: rgba(255, 255, 255, 0.05);
  }

  ::-webkit-scrollbar-thumb
  {
    background-color: rgba(255, 255, 255, 0.2);
  }

  ::-webkit-scrollbar-thumb:hover
  {
    background-color: rgba(47, 194, 108, 0.7);
  }

  ::-webkit-scrollbar-corner
  {
    background-color: #222222;
  }

  hr
  {
    border-color: transparent transparent #505050 transparent;
  }

  div.heading-bar
  {
    background-color: #303030;
  }

  img[src="https://assets.exercism.io/sad-icon.png"] + p,
img[src="https://assets.exercism.io/sad-icon.png"] + * + p
  {
    color: rgba(255, 255, 255, 0.8);
  }

  img[src="https://assets.exercism.io/sad-icon.png"] + p a,
img[src="https://assets.exercism.io/sad-icon.png"] + * + p a
  {
    color: #80f0ff;
  }

  #admin-users-page .discussion-post
  {
    border-bottom-color: #404040;
  }

  #admin-users-page .discussion-post .solution
  {
    color: rgba(255, 255, 255, 0.8);
  }

  .md-editor
  {
    border-color: #404040;
  }

  .md-editor .md-footer, .md-editor > .md-header
  {
    background: #f5f5f5;
  }

  .md-editor > .md-preview
  {
    background: #fff;
    border-top-color: #ddd;
    border-bottom-color: #ddd;
  }

  .md-editor > textarea
  {
    border-top-color: #ddd;
    border-bottom-color: #ddd;
    background: #eee;
  }

  .md-editor > textarea:focus
  {
    background: #141414;
  }

  .md-editor.active
  {
    border-color: rgba(0, 171, 194, 0.7) !important;
    box-shadow: none;
  }

  .md-editor .md-controls .md-control
  {
    color: #bebebe;
  }

  .md-editor .md-controls .md-control:hover
  {
    color: #333;
  }

  .md-editor.md-fullscreen-mode
  {
    background: #fff !important;
  }

  .md-editor.md-fullscreen-mode .md-input, .md-editor.md-fullscreen-mode .md-preview
  {
    color: #999;
    background: #fff !important;
  }

  .md-editor.md-fullscreen-mode .md-preview
  {
    color: #333;
  }

  .md-editor.md-fullscreen-mode .md-input:focus, .md-editor.md-fullscreen-mode .md-input:hover
  {
    color: #333;
    background: #141414 !important;
  }

  .md-editor.md-fullscreen-mode .btn
  {
    background: 0 0;
    color: #b3b3b3;
  }

  .md-editor.md-fullscreen-mode .btn.active, .md-editor.md-fullscreen-mode .btn:active, .md-editor.md-fullscreen-mode .btn:focus, .md-editor.md-fullscreen-mode .btn:hover
  {
    color: #333;
  }

  .md-editor.md-fullscreen-mode .md-fullscreen-controls a
  {
    color: #b3b3b3;
  }

  .md-editor.md-fullscreen-mode .md-fullscreen-controls a:hover
  {
    color: #333;
  }

  #widget-code-person
  {
    filter: invert(0.92);
  }

  #widget-code-person img
  {
    filter: invert(1);
  }

  .widget-code-snippet
  {
    border-color: #404040;
    background-color: #222222;
  }

  .widget-code-snippet button
  {
    background: #2fc26c;
    border-color: #2fc26c;
  }

  .widget-code-snippet button.copied
  {
    background: #259955;
    border-color: #259955;
    color: #fff;
  }

  .widget-code-snippet input
  {
    background: transparent;
    color: rgba(255, 255, 255, 0.6);
  }

  .widget-discussion-post.delete .avatar, .widget-discussion-post.delete .post-body
  {
    opacity: 0.3;
  }

  .widget-discussion-post + .widget-discussion-post
  {
    border-top-color: #303030;
  }

  .widget-discussion-post .post-header .user-handle
  {
    color: rgba(255, 255, 255, 0.8);
  }

  .widget-discussion-post .post-header .user-role
  {
    background: #222222;
    color: rgba(255, 255, 255, 0.8);
  }

  .widget-discussion-post .post-header .created-at
  {
    color: rgba(255, 255, 255, 0.4);
  }

  .file-selector
  {
    border-color: #2fc26c;
    color: #2fc26c;
  }

  .file-selector:hover
  {
    background: #fafafa;
  }

  .file-selector input
  {
    opacity: 0;
    background: red;
  }

  .widget-filter .title
  {
    border-color: #404040;
    background-color: #222222;
    color: rgba(255, 255, 255, 0.6);
  }

  .widget-filter .selectize-control .selectize-input,
.widget-filter .selectize-control .selectize-input.input-active
  {
    border-color: #404040;
    background-color: #222222;
    color: rgba(255, 255, 255, 0.8);
  }

  .widget-filter .selectize-control .selectize-input:before,
.widget-filter .selectize-control .selectize-input.input-active:before
  {
    background-color: #222222;
  }

  .widget-filter .selectize-control .selectize-input:after,
.widget-filter .selectize-control .selectize-input.input-active:after
  {
    border-top-color: #505050;
  }

  .widget-filter .selectize-control .selectize-input.dropdown-active:after,
.widget-filter .selectize-control .selectize-input.input-active.dropdown-active:after
  {
    border-bottom-color: #505050;
  }

  .widget-filter .selectize-control .selectize-dropdown
  {
    background-color: #222222;
    border-color: #404040;
  }

  .widget-filter .selectize-control .selectize-dropdown .option
  {
    color: rgba(255, 255, 255, 0.8);
  }

  .widget-filter .selectize-control .selectize-dropdown .option.active
  {
    background-color: #141414;
    color: white;
  }

  .selectize-input,
.selectize-control.single .selectize-input.input-active
  {
    background-color: #222222;
  }

  .selectize-input.full
  {
    background-color: #222222;
    border-color: #404040;
    color: white;
  }

  .selectize-dropdown
  {
    background-color: #222222;
    border-color: #404040;
    color: rgba(255, 255, 255, 0.8);
  }

  .selectize-input.dropdown-active::before
  {
    background-color: #222222;
  }

  .selectize-dropdown .active
  {
    background-color: #141414;
    color: white;
  }

  .selectize-input, .selectize-input input
  {
    color: rgba(255, 255, 255, 0.8);
  }

  .widget-iterations-nav .iterations .current .num-comments .num, .widget-iterations-nav .iterations a .num-comments .num
  {
    color: #141414;
  }

  .widget-iterations-nav .iterations .current .idx, .widget-iterations-nav .iterations a .idx
  {
    color: white;
    border-color: rgba(255, 255, 255, 0.6);
  }

  .widget-iterations-nav .iterations .current .num-comments:after, .widget-iterations-nav .iterations a .num-comments:after
  {
    color: white;
    text-shadow: -1px -1px 0 #28a55c, 1px -1px 0 #28a55c, -1px 1px 0 #28a55c, 1px 1px 0 #28a55c;
  }

  .widget-iterations-nav .iterations .current .num-comments .num, .widget-iterations-nav .iterations a .num-comments .num
  {
    color: #2fc26c;
  }

  .widget-iterations-nav .iterations .current.current .idx, .widget-iterations-nav .iterations a.current .idx
  {
    background: white;
    border-color: white;
    color: #2fc26c;
  }

  .widget-maintainer,
.widget-mentor
  {
    border-color: #404040;
  }

  .widget-maintainer h3,
.widget-mentor h3
  {
    color: #00d8f5;
  }

  .widget-maintainer h3 a,
.widget-mentor h3 a
  {
    border-left-color: #404040;
    color: #80f0ff;
  }

  .widget-maintainer .bio,
.widget-mentor .bio
  {
    color: rgba(255, 255, 255, 0.6);
  }

  .widget-maintainer .bio .holding-text,
.widget-mentor .bio .holding-text
  {
    color: rgba(255, 255, 255, 0.6);
  }

  .widget-maintainer .banner,
.widget-mentor .banner
  {
    background: #00abc2;
    color: white;
  }

  .widget-side-exercise
  {
    background-color: #222222;
    color: rgba(255, 255, 255, 0.8);
    border-color: #444444;
  }

  .widget-side-exercise:hover
  {
    background: #131a1d;
    border-color: #00abc2;
  }

  .widget-side-exercise.locked:hover
  {
    background: #222222;
    border-color: #444444;
  }

  .widget-side-exercise.unlocked
  {
    border-color: rgba(0, 171, 194, 0.7);
  }

  .widget-side-exercise.unlocked .status
  {
    color: rgba(255, 255, 255, 0.4);
  }

  .widget-side-exercise.in-progress, .widget-side-exercise.mentoring-requested, .widget-side-exercise.approved
  {
    border-color: #00abc2;
  }

  .widget-side-exercise.in-progress .icon, .widget-side-exercise.mentoring-requested .icon, .widget-side-exercise.approved .icon
  {
    background-color: transparent;
    border-color: #00abc2;
  }

  .widget-side-exercise.in-progress .status, .widget-side-exercise.mentoring-requested .status, .widget-side-exercise.approved .status
  {
    color: #00abc2;
  }

  .widget-side-exercise.completed
  {
    border-color: rgba(0, 171, 194, 0.7);
  }

  .widget-side-exercise.completed .icon
  {
    background: #00abc2;
    border-color: #00abc2;
  }

  .widget-side-exercise.completed .status
  {
    color: #fff;
  }

  .widget-side-exercise.completed .status:before
  {
    background: rgba(0, 171, 194, 0.7);
  }

  .widget-side-exercise .icon
  {
    border-color: #444444;
    background: transparent;
  }

  .widget-side-exercise .stats .length
  {
    border-right-color: #404040;
    color: rgba(255, 255, 255, 0.4);
  }

  .widget-side-exercise .stats .difficulty.easy
  {
    color: #2fc26c;
  }

  .widget-side-exercise .stats .difficulty.medium
  {
    color: #f48b00;
  }

  .widget-side-exercise .stats .difficulty.hard
  {
    color: #f34a56;
  }

  .widget-side-exercise .topics .topic
  {
    background: #303030;
    color: rgba(255, 255, 255, 0.8);
  }

  .widget-solution-comment.delete .avatar, .widget-solution-comment.delete .comment-body
  {
    opacity: 0.3;
  }

  .widget-solution-comment + .widget-solution-comment
  {
    border-top-color: #303030;
  }

  .widget-solution-comment .comment-header .user-handle
  {
    color: ...