Make your V2EX support system light/dark mode automatically

v2ex-darkify.css

.item_hot_topic_title {
  text-shadow: none;
}

@media (prefers-color-scheme: light) {

  #Wrapper {
    background-color: #e2e2e2;
  }
  
  #Logo, #LogoMobile {
    background-image: url(/static/img/v2ex@2x.png);
  }

  :root {
    --ads-list-foreground-color: #445;
    --box-background-alt-color: #f9f9f9;
    --box-background-color: #fff;
    --box-background-hover-color: #fafafa;
    --box-border-color: #e2e2e2;
    --box-border-focus-color: #a6a6b0;
    --box-border-hover-color: #c0c0c0;
    --box-foreground-color: #000;
    --button-background-color: #f0f0f0;
    --button-background-hover-color: #e0e0e0;
    --button-border-color: #ddd;
    --button-border-hover-color: #c0c0c0;
    --button-foreground-color: #666;
    --button-foreground-hover-color: #333;
    --color-fade: #ccc;
    --color-foreground: #000;
    --color-gray: #999;
    --link-color: #778087;
    --link-hover-color: #4d5256;
    --link-visited-color: #afb9c1;
    --menu-shadow-color: rgba(0, 0, 0, 0.2);
  }

}

@media (prefers-color-scheme: dark) {

  #Wrapper {
    background-color: #22303f;
  }
  
  #Logo, #LogoMobile {
    background-image: url(/static/img/v2ex-alt@2x.png);
  }

  :root {
    --ads-list-foreground-color: var(--box-foreground-color);
    --box-background-alt-color: #001d25;
    --box-background-caution-color: #ff9933;
    --box-background-color: #18222d;
    --box-background-hover-color: #393f4e;
    --box-border-color: #22303f;
    --box-border-focus-color: #3e5874;
    --box-border-hover-color: #c0c0c0;
    --box-foreground-color: #d1d5d9;
    --button-background-color: #f0f0f0;
    --button-background-hover-color: #e0e0e0;
    --button-border-color: #ddd;
    --button-border-hover-color: #c0c0c0;
    --button-foreground-color: #666;
    --button-foreground-hover-color: #333;
    --color-fade: #738292;
    --color-foreground: #d1d5d9;
    --color-gray: #b2c3d4;
    --link-caution-color: #ffcc00;
    --link-caution-hover-color: #ffff00;
    --link-color: #9caec7;
    --link-darker-color: #6b7788;
    --link-hover-color: #a9bcd6;
    --link-visited-color: #393f4e;
    --menu-shadow-color: rgba(200, 200, 255, 0.2);
  }

}