Dark mode took dark and rich in contrast? Normal themes too bright and bold? This is a site theme for those who prefer a muted middle.
Eyeshield Neopets site theme by Sinsi
Details
AuthorSinsi
LicenseNo License
Categoryneopets.com
Created
Updated
Size13 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
A clean site theme where most icons are disabled or replaced by more minimal icons, and the fonts are less cartoonish. The bank is also more minimalistic. Only applies to beta pages.
Note: This is not a dark mode site theme!
This was the first site theme I made. I suffer from photosensitivity, and dark mode readers are too high in contrast for me to use, so I made this site theme to mute the brightness of the site.
The textured background is a free background from neopets.com/~Zirc, the header is from neopets.com/~Tines, and the icons are from icons8.com
I recommend pairing it with the Altadorian Constellations site theme.
The site theme doesn't automate anything, and it's disabled in shops and the shop wiz.
Might clash with the premium toolbar and premium dropdown menu.
Feel free to tweak it as you want :)
*I'm not a coder at all, so the code is very messy and probably full of redundant code ^^
** Due to suffering from chronic illness, I don't take request for personal custom site themes. I just don't have the spoons for it.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Eyeshield site theme for Neopets beta
@version 20241203.14.35
@namespace https://userstyles.world/user/Sinsi
@description Dark mode took dark and rich in contrast? Normal themes too bright and bold? This is a site theme for those who prefer a muted middle.
@author Sinsi
@license No License
==/UserStyle== */
@-moz-document regexp("https?://(www\\.)?neopets\\.com/(?!pl_preview|ul_preview|preview_homepage\\.phtml|objects|shops|haggle|userlookup|petlookup|~|%7[E|e]|gallery|donations).*") {
body[onload] {
background: #fff;
background-image: url("https://i.imgur.com/S7ZMvaI.png") !important;
background-attachment: fixed;
}
#alertstab__2020 h4,
#alertstab__2020 p {
color: #000 !important;
}
#navProfilePet__2020 {
border: 2px solid #000;
border-radius: 150px;
}
.nav-profile-pet-sm__2020, .nav-profile-pet-box-lg__2020 {
background-color: #171717;
}
.popup-footer__2020 {
background: linear-gradient(0deg, #2d2d2d 0%, #2d2d2d 40%, #2d2d2d 100%);
}
.inv-menulinks {
background: #323232;
}
.inv-filtericons {
position: absolute;
right: 16%;
top: -44px;
}
.bank-lobby.tvw {
background-image: url() !important;
}
.nav-dropdown__2020.games-dropdown .gamesroom-icon,
.nav-dropdown__2020.games-dropdown .battledome-icon,
.nav-dropdown__2020.games-dropdown .hiscores-icon,
.nav-dropdown__2020.games-dropdown .fragments-icon,
.nav-dropdown__2020.games-dropdown .tada-icon,
.nav-dropdown__2020.explore-dropdown .explore-icon,
.nav-dropdown__2020.explore-dropdown .tvw-icon,
.nav-dropdown__2020.explore-dropdown .winter-starlight-icon,
.nav-dropdown__2020.shop-dropdown .shop-stylingstudio-icon,
.popup-footer-pattern__2020,
.popup-header-pattern__2020,
#boardTopic ul li .reportButton-neoboards,
.footer-pattern__2020,
.footer-npcs__2020,
.nav-top-pattern__2020,
.nav-profile-pet-expand__2020,
.nav-top__2020 .nav-community-icon__2020,
.nav-top__2020 .nav-games-icon__2020,
.nav-top__2020 .nav-explore-icon__2020,
.nav-top__2020 .nav-shop-icon__2020,
.nav-top__2020 .nav-premium-icon__2020,
.q-icon__2020,
#boardList ul li .q-button-neoboards,
#navProfilePetExpandIcon__2020,
.alerts-tab-icon__2020,
.bookmark-dropdown-tail__2020,
.hp-bg-top__2020,
.hp-bg-mid__2020,
.hp-bg-bottom__2020,
.community-central-icon,
.neomail-icon,
.community-neoboards-icon,
.community-spotlights-icon,
.community-guilds-icon,
.twitter-icon,
.facebook-icon,
.instagram-icon,
.shop-np-icon,
.shop-nc-icon,
.shop-sw-icon,
.shop-usershop-icon,
.shop-auction-icon,
.shop-trading-icon,
.shop-bank-icon,
.shop-npcodes-icon,
.shop-ncmall-icon,
.shop-buync-icon,
.shop-redeemnc-icon,
.shop-merch-icon,
.shop-merchshop-icon,
.shop-shenanigifts-icon,
.shop-patapult-icon,
.shop-wonderclaw-icon,
.neofriendStatus p,
.neofriendStatus-dot-offline,
#greyThemeGreyifyButton,
.bank-dialogue,
#bankManager,
.bank-counter,
.bank-body-backing,
.bank-balance-icon,
.inv-title-container h1 {
display: none;
}
.popup-header__2020 {
background: linear-gradient( #2d2d2d 0%, #2d2d2d 40%, #2d2d2d 100%);
}
.togglePopup__2020 {
box-shadow: 0px 0px 5px 3px rgb(58, 58, 58);
}
.bank-lobby {
background-image: url();
background-color: #f0f0f0;
}
.bank-title {
border-image-source: url();
}
.bank-lobby-grid .bank-balance {
border-image-source: url();
}
.bank-lobby-grid {
display: block;
}
.bank-section-container {
border: 2px dotted #bfbfbf;
}
.bank-lobby-grid .bank-balance,
.bank-title {
text-align: center;
display: block;
margin: auto;
border-image-source: none;
}
.bank-lobby,
.bank-body-container,
.bank-section-container,
.bank-action-container,
.bank-backing-t4 {
background-image: none;
}
#alertstab__2020 h4,
#alertstab__2020 p {
color: #fff;
}
.inv-tabs-container {
background-color: #464646;
overflow-x: hidden;
}
ul.invTabs li.invTab-selected,
.invTabsCarousel .invTab-selected {
background-color: #171717;
}
.np-text__2020,
.nc-text__2020 {
color: #585858;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: 500;
line-height: 26px;
font-size: 8pt;
}
#boardList ul li .boardTopicTitle,
#boardTopic ul li .boardPostByline a,
#boardList ul .pageNav .boardPageButton,
#boardTopic .pageNav .boardPageButton,
#boardTopic .breadcrumbs a,
.neoboardPenTitle,
#boardList .breadcrumbs a {
color: #2d2d2d !important;
}
#boardList ul li .last a {
color: #626262 !important;
}
#boardTopic .topicReplyContainer .topicReplySubmit:hover,
#boardList ul .boardNavBottom .createTopicButton a:hover {
background-color: #aca7b3 !important;
}
#boardTopic .pageNav .boardPageButton:hover,
#boardList ul .pageNav .boardPageButton:hover {
background-color: #908a97 !important;
border: 1px #827b8a solid !important;
}
#boardTopic ul .topicNavTop .topicCreator,
#boardIndex ul li h4,
#boardIndex ul li p a,
#boardIndex ul li .premiumBoardButton a {
color: #222125 !important;
}
.container {
background: #f0f0f0;
overflow-x: hidden;
}
.footer__2020 {
background: #919191;
border-top: 3px solid #282118;
}
.nav-top__2020 {
background: linear-gradient(rgb(43, 43, 43) 0%, rgb(62, 62, 62) 40%, rgb(32, 32, 32) 100%);
border-bottom: 3px solid #171717;
background-image: url(https://imagizer.imageshack.com/a/img907/712/VWiX1f.png);
}
.nav-top__2020 .nav-top-nst {
font-family: "MuseoSansRounded700", 'Arial', sans-serif;
color: #b7b7b7;
background-color: #373737;
border: 2px solid #202020;
border-radius: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
#boardTopic ul .topicNavTop .replyTopicButton-top:hover {
background-color: #444 !important;
}
.nav-profile-dropdown-text a,
.nav-profile-dropdown__2020 ul a {
color: #fbfbfb;
}
.nav-profile-dropdown-text,
.nav-profile-dropdown__2020 ul li {
font-family: verdana, arial, helvetica, sans-serif;
color: #fbfbfb;
font-size: 8.5pt;
}
.nav-profile-dropdown__2020 ul li h3 {
font-size: 10pt;
}
.nav-profile-dropdown__2020 .profile-dropdown-link-icon,
.nav-calendar-icon__2020 {
width: 0px;
}
.nav-profile-dropdown-clock__2020 {
border-bottom: 0px;
}
.nav-top__2020 .nav-dropdown-arrow__2020,
.nav-profile-dropdown__2020 .profile-dropdown-arrow {
background-image: url(https://i.imgur.com/6oq0GFK.png);
}
.nav-profile-dropdown__2020,
#alertstab__2020,
#newstab__2020 {
background: linear-gradient(#171717 0%, #171717 40%, #2e2e2e 100%);
}
.nav-profile-dropdown__2020 .profile-dropdown-subsection,
#navnewsdropdown__2020 {
background-color: #515151;
}
.nav-profile-dropdown__2020 ul li h4 {
font-size: 10pt;
}
.nav-search-icon__2020 {
background: url(https://i.imgur.com/VxdI1Vl.png) center center no-repeat;
background-size: auto;
background-size: contain;
}
.nav-bell-icon__2020 {
background: url(https://i.imgur.com/mW2lDKn.png) center center no-repeat;
background-size: auto;
background-size: contain;
}
.navsub-bookmark-icon__2020 {
background: url(https://i.imgur.com/gTbw1D5.png) center center no-repeat;
background-size: auto;
height: 41px;
width: 41px;
}
.navsub-fav-icon-true__2020 {
background: url(https://i.imgur.com/Ux1LPQ0.png) center center no-repeat;
height: 41px;
width: 41px;
}
.navsub-fav-icon-false__2020 {
background: url(https://i.imgur.com/mOE9VW7.png) center center no-repeat;
height: 41px;
width: 41px;
}
.navsub-np-icon__2020 {
background: url() center center no-repeat;
}
.navsub-nc-icon__2020 {
background: url() center center no-repeat;
}
.navsub-add-nc__2020 {
background: url() center center no-repeat;
}
.tabActive__2020 .news-dropdown-text__2020,
.news-tab-select__2020 .news-dropdown-text__2020,
.alerts-tab-select__2020 .news-dropdown-text__2020 {
font-family: verdana, arial, helvetica, sans-serif;
color: #fbfbfb;
font-size: 10pt;
}
.alerts-tab-viewclick__2020 .news-dropdown-text__2020,
.news-tab-viewclick__2020 .news-dropdown-text__2020 {
color: #eee;
}
.tabActive__2020 {
background-color: #242424;
}
#alertstab__2020 p {
color: #fff !important;
}
#alertstab__2020 ul li {
border: 2px solid #888;
box-shadow: 0px 3px 0px 0px rgb(77, 77, 77);
background-color: #fff;
}
#boardList ul .boardNavTop .createTopicButton a:hover {
background-color: #818082 !important;
}
.nav-text__2020 {
font-family: verdana, arial, helvetica, sans-serif;
color: #fbfbfb;
font-size: 10pt;
font-weight: bold;
}
#communitydropdown__2020,
#communitydropdownbottom__2020,
#shopdropdown__2020,
#shopdropdownbottom__2020,
#gamesdropdown__2020,
#exploredropdown__2020 {
background-color: #575757;
color: #ccc;
border: 2px solid #575757;
}
#communitydropdown__2020 ul li:hover,
#communitydropdownbottom__2020 ul li:hover,
#shopdropdown__2020 ul li:hover,
#shopdropdownbottom__2020 ul li:hover,
#gamesdropdown__2020 ul li:hover,
#exploredropdown__2020 ul li:hover,
.nav-profile-dropdown__2020 .profile-dropdown-subsection {
background-color: #6a6a6a;
}
#communitydropdown__2020 ul li,
#communitydropdownbottom__2020 ul li,
#shopdropdown__2020 ul li,
#shopdropdownbottom__2020 ul li,
#communitydropdown__2020 .neofriendsOnline,
#communitydropdownbottom__2020 .neofriendsOnline,
.nav-profile-dropdown__2020 ul li,
.nav-profile-dropdown-clock__2020,
#gamesdropdown__2020 ul li,
#exploredropdown__2020 ul li {
border-bottom: 2px solid #575757;
}
#communitydropdown__2020 a:visited,
#communitydropdownbottom__2020 a:visited,
#communitydropdown__2020 a,
#communitydropdow...