Skip to content

identi.io dark theme beta by reboot00

Screenshot of identi.io dark theme beta

Details

Authorreboot00

LicenseNo License

Categoryidenti.io

Created

Updated

Size14 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Identi.io dark theme cambia el color de la pagina a un tema oscuro.

Notes

Userstyle doesn't have notes.

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         Identi Dark
@namespace    https://identi.io/
@version      v1
@description  IDENTI Tema Oscuro
@author       RINO
@homepageURL  https://identi.io/
@license      	MIT
==/UserStyle== */
@-moz-document domain("identi.io") {
}
.div_control {
    padding: 0 12px;
    overflow: hidden;
    min-height: 300px;
    background-color: #2f3136;
}
.box_posts {
    background: #202225;
    padding: 4px;
}
.paginas a:active {
    box-shadow: none;
    border-color: #ccc;
    background: #edf1f5;
}
.paginas a {
    display: inline;
    color: #597da1;
    border: 1px solid #e0e0e0;
    padding: 5px 7px;
    font-weight: 700;
    background: #edf1f5;
}
.subMenu {
    text-decoration: none;
    font-size: 12px;
    padding: 10px 10px 10px 13px;
    background: #1a171b;
}
.subMenu ul.tabsMenu li a {
    color: #cccccc;
    padding: 3px 10px 4px 7px;
    display: block;
    border-radius: 2px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.ult_posts li:nth-child(4n+1) {
    background: #32353b;
}
.ult_posts li a {
    color: #c5c5c5;
}
.art-body .art-botones ul li:hover, .ult_posts li {
    background: #484b52;
}
:active, :focus {
    color: #b7b7b7;
} 
.post_body {
    padding: 20px 25px 10px;
    border: 1px solid #222222;
    border-radius: 6px;
    box-shadow: 0 1px 5px #000000;
    color: #c0bcbc;
    background: #1b181c !important;
}
.info_post {
    color: #2974a8;
    background: #404348;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 10px;
    box-shadow: 0 1px 0 #000000, 0 1px 2px rgb(0 0 0 / 25%) inset;
}
.info_post span.stats:hover {
    background: #28292a;
    box-shadow: none;
}
.comment-box:hover {
    background: #2d2d2e!important;
}
.comment-content {
    line-height: 1.5em;
    color: #d1d1d1;
    margin: 1em 0;
    padding-right: 10px;
}
.comment-box.is-user {
    background: #1a1a1a;
    border-top: 3px solid #096fdb;
}
.box_identi {
    background: #202225;
    padding: 8px;
    overflow: hidden;
}
.art-body {
    background: #1f1f20;
    overflow: hidden;
}
.zebra_recent li:nth-child(2n+1) {
    background: #32353b;
}
.zebra_recent li {
    padding: 5px 10px;
    overflow: hidden;
    position: relative;
    background: #484b52;
    border-radius: 4px;
}
.zebra_recent li a {
    color: #b1b1b1;
    font-size: 11px;
}
.art-Sheet .small-footer {
    padding: 10px;
    margin: 20px 0 0;
    border-top: 2px dotted #3e3e3e;
    background: #1a171b;
}
.art-Footer .footer-info {
    box-shadow: 1px 1px 3px #5f6062;
    height: 60px;
    background: #1a171b;
    padding: 10px 0 15px;
    width: 1000px;
    margin: 25px auto;
}
select {
    border: 1px solid #2e2e2e;
    color: #95999d;
    background-color: #121212;
}
.art-Footer .footer-info ul {
    opacity: .7;
    background: #383a3e!important;
    border-radius: 15px/60px;
    border: 1px solid #747474;
    height: 45px;
    float: left;
    margin: 0 0 10px 17px;
    padding: 7px 0 0;
    width: 308px;
    box-shadow: 1px 1px 1px #000000;
}
.art-Footer .footer-info ul li a {
    color: #7ea8dd;
}
.ult_posts #sticky:hover {
    background: #2e2e2e;
}
.ult_posts #sticky {
    background: #141414;
    border: none;
    border-radius: 0;
    padding: 8px 10px;
}
.error_tmpl .box_errors {
    padding: 15px;
    border-radius: 2px;
    margin: 40px auto;
    width: 700px;
    background: #242526;
    border: 1px solid #d3d7dc;
}
.spoiler .spoiler_cont {
    padding: 15px;
    border-radius: 10px;
    background: #2f3136;
    width: 550px;
    margin: 10px auto;
    box-shadow: 0 1px 0 #2974a8, 0 1px 2px rgb(0 0 0 / 25%) inset;
}
.header_post {
    background: #202020;
    border-top: 3px solid #2974a8;
    padding: 10px;
}
.extra_info {
    margin: 0 0 10px;
    border: 1px solid #1e1e1e;
    background: #0a0a0a;
    padding: 7px 5px;
    color: #74818e;
    font-size: 12px;
}
.display_sidebar .nick_sidebar {
    padding: 5px 10px;
    overflow: hidden;
    background: #202020;
    position: relative;
    border: 1px dashed #b5deff;
    border-radius: 4px;
}
.display_sidebar .rango_sidebar {
    margin-top: 3px;
    text-align: center;
    color: #2974a8;
    font-size: 11px;
    font-weight: 700;
    display: block;
    padding: 5px 10px;
    background: #202020;
}
.display_sidebar .rango_sidebar {
    margin-top: 3px;
    text-align: center;
    color: #2974a8;
    font-size: 11px;
    font-weight: 700;
    display: block;
    padding: 5px 10px;
    background: #202020;
}
.spoiler .spoiler-btn {
    padding: 8px 12px!important;
    font-size: 14px!important;
    background: #0a0a0a !important;
}
.votaron {
    background: #404348;
}
#mostrar_lista {
    text-shadow: 0 0 3px #cdd1d5;
    cursor: pointer;
    display: block;
    color: #ffffff;
}
.sugerir-post {
    background: #17171b;
    width: 343px;
    height: auto;
    padding: 10px;
    border: 1px solid #747474;
    border-radius: 9px;
}
.zebra li:nth-child(2n+1) {
    background: #32353b;
    border-radius: 4px;
}
.zebra li a {
    color: #fff;
    font-size: 11px;
}
.zebra li {
    overflow: hidden;
    position: relative;
    background: #484b52;
}
.zebra li:hover {
    background: #2a2a2a;
}
.info_bbc {
    box-shadow: 0 0 3px #ddd inset;
    border: 1px dashed #3190d3;
    margin: 10px;
    background: #080808;
    color: #3190d3;
    border-radius: 4px;
    padding: 10px;
}
.header_perfil {
    margin: 0 0 10px;
    border-top: 3px solid #096fdb;
    background: #1a171b;
}
.header_perfil .header_stats li {
    cursor: pointer;
    float: left;
    margin: 0 10px 0 0;
    padding: 6px 10px;
    text-align: center;
    background: #0a0a0a;
    border: 1px solid #e4e9eb;
    border-radius: 4px;
}
.header_perfil .header_stats li:hover {
    background: #282828;
    border: 1px solid #90c1f5;
}
.lista .head, .lista li:hover {
    background: #222222;
}
.info_header_perfil .rango {
    border: 1px solid #e4e9eb;
    padding: 5px 10px 5px 7px;
    background: #000;
    border-radius: 8px;
}
.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0.5em 1em;
    background: #1a171b;
    overflow: auto;
    zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
    box-shadow: 0 1px 1px #d5dde5 inset;
    border-radius: 0 0 4px 4px;
    text-align: left;
    border: none;
    background: #1a171b;
    margin: 0;
    padding: 5px 10px;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 8px 12px;
    position: relative;
    border-radius: 4px 4px 0 0;
    background: #1a171b;
}
.form-container .data.title {
    font-size: 16px;
    padding: 5px;
    background: #40444b;
    border: 1px dashed #ddd;
    border-radius: 4px;
}
.form-container .data {
    color: #9d9a9a;
    margin: 10px 0;
}
.display_sidebar .mpersonal_sidebar {
    display: block;
    color: #979797;
    font-size: 11px;
    font-style: italic;
    padding: 7px 0 3px;
    font-family: Georgia;
}
.display_sidebar .stats ul li {
    box-shadow: 0 1px 2px #e1e1e1;
    border: 1px solid #b5deff;
    width: 78px;
    margin: 0 0 7px;
    display: block;
    color: #2974a8;
    padding: 5px 10px;
    background: #202020;
    border-radius: 4px;
}
.Globits.noticia {
    border: 2px dashed #bdc3c7;
    background: url(/images/Globits/Noticias.png) 10px 50% no-repeat #101010;
    border-radius: 3px;
    -moz-border-radius: 3px;
}
.subMenu ul.tabsMenu li.here a {
    color: #000000;
    background: #fdfdfd;
    border-radius: 2px;
    box-shadow: 0 1px 0 #ccc;
}
.tabnav li .selected {
    background: #e4f1fd;
    color: #000;
}
.tabnav li a {
    padding: 4px 6px;
    border-radius: 2px;
    font-size: 11px;
    background: #edf1f5;
    margin: 0 -5px 2px;
    display: block;
    box-shadow: 0 1px 0 #ccc;
    color: #000;
}
.art-Header-png, .art-Sheet-body {
    z-index: 1;
    position: relative;
    background: #2f3136;
}
#addPostL .box_editor .info {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 3px #4a4a4a inset;
    background: #141414;
    border-top: 1px solid #000000;
    padding: 0 10px 10px;
    margin: 10px -8px 2em;
    color: #3d699f;
}
#addPostL .box_editor {
    background: #141414;
    padding: 0 8px;
    margin: 0 0 10px;
    border-radius: 2px;
    box-shadow: 1px 1px 2px 0 #000000;
    border: 1px solid #000000;
}
#addPostL .gene_box {
    padding: 10px 0 0;
    font-weight: 700;
    color: #3d699f;
    padding-bottom: 0;
    font-size: 23px;
}
#addPostL .big-input {
    box-shadow: 0 0 10px #14171a inset;
    color: #3d699f;
    font-weight: 700;
    padding: 8px;
    font-size: 16px;
    width: 480px;
}
.separadores_post {
    border-radius: 2px;
    background: #141414;
    padding: 0;
    padding-top: 14px;

}
.drafts .listDrafts {
    font-size: 11px;
    color: #096fdb;
    background: #000;
    margin-bottom: 10px;
    border-radius: 4px;
    box-shadow: 0 1px 2px #ccc inset;
    padding: 1em;
}
.authL {
    background: #1a171b;
    padding: 10px 30px;
}
form.contacto fieldset {
    background: 0 0 #1a171b;
    padding: 25px;
    border: none;
}
form.contacto input[type="text"], form.contacto textarea {
    background: #F5F5F5 !important;
    border: 1px solid #E8E8E8;
    color: #626262;
    display: block;
    border-radius: 4px;
    float: left;
    padding: 8px;
    resize: none;
    width: 265px;
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.paginas .active {
    color: #...

Reviews

No reviews yet.