micro.blog dark mode start

perfer-darkness.css

@media (prefers-color-scheme: dark) {
	body {
		color: #ddd;
		background-color: #333;
	}

  a {
    color: #88c0ef;
  }

  .alert-info {
    color: #55bef1;
    background-color: #111;
    border-color: #555;
  }

  .post_username a {
    color: #ddd;
  }
  
  .post_time a {
    color: #e0e0e0;
  }
  
  .btn-default {
    color: #eee;
    background-color: #111;
    border-color: #555;
  }

  .popover {
    background-color: #111;
    border: 1px solid #ccc;
  }
  
  button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  
  .highlight {
    background-color: #555;
  }
  
  .markdown_link {
    color: #87beed;
  }
  
  .site_link a {
    color: #87beed;
  }
  
  .CodeMirror {
    border: 1px solid #555;
    border-radius: 4px;
    background-color: #000000;
    color: #eee;
  }

  /* hat tip to css-tricks for dimming idea */
  img {
    opacity: .70;
    transition: opacity .5s ease-in-out;
  }
  img:hover {
    opacity: 1;
  }
  
  .account_posts_header {
    border: 1px solid #555;
    background-color: #000;
  }
  
  .account_bar_hostname {
    color: #eee;
    font-weight: bold;
  }
  
  .form-control {
    color: #eee;
    background-color: #000;
    border: 1px solid #555;
  }
  
  table.table.table-striped{
    background-color: #000;
  }
}