Skip to content

Instantly share code, notes, and snippets.

@daguitosama
Created April 12, 2022 04:31
Show Gist options
  • Save daguitosama/1e6cd8ae26fd12b80ea9af96ce201e59 to your computer and use it in GitHub Desktop.
Save daguitosama/1e6cd8ae26fd12b80ea9af96ce201e59 to your computer and use it in GitHub Desktop.

Stylus chrome ext styles to enable Dark Mode for postgresql.org

body {
    background-color: #23262e !important;
    color: #aeb8c7 !important;
}

nav.bg-light{
    background-color: #23262e !important;
}

a{
    color: #06b6d4 !important;
    text-decoration: underline;
}

a[href="https://www.postgresql.org/about/news/postgresql-142-136-1210-1115-and-1020-released-2402/"]{
    color: #a5f3fc !important;
}

h1, h2, h3, h4, h5, h6, th{
    color: #aeb8c7 !important;
}

.form-control , form  button[type="submit"]{
     background-color: #23262e !important;
    color: rgb(174, 184, 199) !important;
}

.navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(174, 184, 199, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
    
}

pre, code {
    background-color: #23262e !important;
    color: #aeb8c7 !important;
    border: 1px solid #aeb8c775;
}

.tip{
    background-color: #064e3b !important;
}

hr {
    border-top: solid 2px #aeb8c785;
}

h2::after{
    border-top: solid 2px #aeb8c785 !important;
}

@daguitosama
Copy link
Author

Enjoy the dark side

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment