I used the original "Gamepress Dark-lite" as a reference but made it some specific corrections for a more aesthethic look on the Arknights Gamepress page.
Gamepress Dark-lite (Arknights) by aaronknow
Details
Authoraaronknow
LicenseNo License
CategoryGamepress
Created
Updated
Size3.1 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Gamepress Dark-lite
@version 1.2
@namespace userstyles.world/user/ersgonzo
@description Makes Gamepress less jarring on the eyes. Warning: May not work on all gamepress sub-sites!
@author ersgonzo
@license No License
@homepageURL https://github.com/ersgonzalo/eg-user-styles/tree/master/gamepress-dark-lite
@supportURL https://github.com/ersgonzalo/eg-user-styles/issues
==/UserStyle== */
/**
* Branched off of Griffnelle's work from:
* https://userstyles.org/styles/173780/dragalia-lost-gamepress-gamepedia-dark-theme
*/
@-moz-document domain("gamepress.gg") {
html
{
filter: invert(1) hue-rotate(180deg);
-webkit-filter: invert(0.95) hue-rotate(180deg);
-moz-filter: invert(0.95) hue-rotate(180deg);
-ms-filter: invert(0.95) hue-rotate(180deg);
-o-filter: invert(0.95) hue-rotate(180deg);
background: black;
}
img, embed, video, canvas, iframe, svg, span.Emoticon, span.emoji, i.emoji, .embedqty-quest-drop-item-img, .description-box, .approach-cell, .main-title, .tag-title, .obtain-approach-table, .potential-item-cell, .parent-pt, .talent-child, .blackboard-talent-cell, .accordion-custom, .operator-tabs-page, .rank-select, .level, #stats-container, .other-stat-cell, .profile-cell.upgrade-cost-table, .skill-tab, .skill-upgrade-tab, .sp-cell, .skill-effect-parent, .skill-description, .skill-blackboard, .building-buff-cell, .upgrade-cost-table, .top-content-brand, #site-footer, .range-outer, .right-cell, .operator-tabs, .gamepress-top-branding, .gamepress-top-container, .operator-summons-stat-container, .operator-summons-detailed-stats.summon-phase.summon-phase-1, .skill-range-box, .view-content, .event-total-summary, .paragraph.paragraph--type--module-display.paragraph--view-mode--default.operator-modules-section
{
filter: invert(1) hue-rotate(180deg) !important;
-webkit-filter: invert(1) hue-rotate(180deg) !important;
-moz-filter: invert(1) hue-rotate(180deg) !important;
-ms-filter: invert(1) hue-rotate(180deg) !important;
-o-filter: invert(1) hue-rotate(180deg) !important;
}
.item-image, .over-level, .material-cell, .profile-info-table, .logo-name-container, .field.field--name-field-module-image.field--type-image.field--label-hidden.field__item, .item-cell, .operator-icon, .medal-cell, .medal-obtain, .medal-title, .featured-list-image, .operators-list
{
filter: invert(1) hue-rotate(180deg) !important;
-webkit-filter: invert(1) hue-rotate(180deg) !important;
-moz-filter: invert(1) hue-rotate(180deg) !important;
-ms-filter: invert(1) hue-rotate(180deg) !important;
-o-filter: invert(1) hue-rotate(180deg) !important;
}
/* Targets Modal when clicking a character */
#gp-tier-modal{
background-color: rgba(255, 246, 246, 0.9) !important;
}
/* Targets Background Images on pages like here: https://gamepress.gg/grandorder/bond-points-and-bond-experience-farming*/
td[align="center"] > a > div.container {
filter: invert(1) hue-rotate(180deg) !important;
}
}