Igre123.com - Dark Theme

Dark theme for Slovenian page igre123.com

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

/* ==UserStyle==
@name        Igre123.com - Dark Theme
@description Dark theme for Slovenian page igre123.com
@author      .itstyler.
@version     1.0.4
@license     unlicense
@namespace   https://greatest.deepsurf.us/users/668240
==/UserStyle== */
 
@document domain("igre123.com") {
		html{
		min-height: 100%;
		position: relative;
		background-color: #222;
	}
	body {
		background-color: #222;
		height: 100%;
	}
	#title-and-menu h1{
		color: white;
	}
	#CrossLinks {
		color: white;
	}
	#content-navigation {
		background-color: #222;
		border-bottom: solid 1px #4d5156;
	}





	/*Header Settings*/
	#CategoriesMenuCategories a {
		color: #222;
	}





	/*Game Settings*/
	#GameTop #mainTitle h1 {
		color: white;
	}
	#AchievementsTab {
		background-color: #333333;
		color: white;
	}
	#Achievements #GameSubTitle h2{
		color: white;
	}
	#UserUsername a {
		color: rgb(118,215,137);
	}
	#MyAchievements #User {
		background-color: #222;
		color: white;
	}
	#MyAchievements #User #UserAchievements #UserAchievementsPoints #ScoresDiv {
		background-color: #4d5156;
	}
	#MyAchievements #User #UserAchievements #UserAchievementsPoints #LudoDiv {
		background-color: #4d5156
	}
	#UserAchievements .MedalCard {
		background-color: #4d5156;
	}
	#ScoresTimeAll li {
		background-color: #4d5156;
	}
	#ScoresTimeAll .even .position {
		color: white;
		background-color: #4d5156;
	}
	#ScoresTimeAll .even {
		background-color: #4d5156;
		color: white;
	}
	#ScoresTimeAll a {
		color: rgb(118,215,137);
	}
	#ScoresTimeAll .even a {
		color: rgb(118,215,137);
	}
	#best-players-holder .best-players li.selected {
		background-color: #222;
	}
	#best-players-holder .best-players li.selected span.score {
		background-color: #222;
		color: white;
	}
	#best-players-holder .best-players li.selected a {
		background-color: #222;    
	}
	#Text {
		color: grey;
	}





	/*Search Settings*/
	#SearchHeader {
		border-bottom: solid 1px #4d5156;
	}
	.pager-items .row {
		background-color: #4d5156;
		color: white;
		border-bottom: solid 1px grey;
	}
	#SearchHeader #TitleHolder h1 {
		color: white;
	}
	#SearchBar #btn-search {
		color: #4d5156;
	}
	#SearchBar #txtSearch {
		background-color: #4d5156;
	}
	#SearchTabs {
		border-bottom: solid 1px #4d5156;
	}
	#SearchTabs a {
		color: rgb(167,212,61);
	}
	#SearchTabs ol li.selected a, #OrderBy ol li.selected a {
		color: #333333;
	}
	#OrderBy {
		border-bottom: solid 1px #4d5156;
	}
	#OrderBy a {
		color: rgb(167,212,61);
	}
	#NothingHere {
		background-color: #333333;
		color: white;
		border-bottom: solid 1px #4d5156;
	}
	#forumThreadsList .row {
		background-color: #333333;
		color: white;
		border-bottom: solid 1px #4d5156;
	}
	#forumThreadsList .row .threadSubject h2 a {
		color: white;
	}
	#forumThreadsList .threadLastComment a {
		color: rgb(167,212,61);
	}
	#forumThreadsList a {
		color: rgb(167,212,61);
	}
	.even {
		background-color: #333333;
		border-bottom: solid 1px #4d5156;
	}






	/*Main Menu settings*/
	#MainMenuContainer a{
		color: #222;
	}
	#txtSearch {
		background-color: #4d5156;
		color: white;
	}
	#btnDoSearch{
		border-left: solid 1px #222;
		background-color: #4d5156;
	}





	/*Chat Messages settings*/
	#GroupChatMessagesContainer li {
		border-bottom: solid 1px grey;
	}
	.messages {
		background-color: #4d5156;
	}
	.msg {
		color: white;
	}
	.msg a {
		color: rgb(216,228,56);
	}
	.messages li{
		border-bottom: solid 1px grey;
	}
	.usr {
		color: white;
	}
	.usr a{
		color: rgb(18, 215, 91);
	}
	.groupchatmenu-container li.tab-new-message a.name {
		background-color: rgb(232,75,75);
		color: white !important;
	}
	.groupchatmenu-container li.tab-new-message a.close {
		background-color: rgb(232,75,75);
	}
	.groupchatmenu-container li a {
		color: #4d5156;
	}
	.groupchatmenu-container li.selected .close span {
		background: url(https://s.igre123.com/sys/icon-chat-close.png) no-repeat scroll 0 1px #4d5156;
		padding: 5px 5px 9px;
	}
	.groupchatmenu-container li.selected .name span {
		background-color: #4d5156;
		color: white;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
	}
	.groupchatmenu-container li.selected .icon-user {
		background-color: white;
	}
	.usr {
		color: rgb(160,194,231);
		font-weight: bold;
	}
	.messages li.GroupChatSysMessage {
		color: white;
	}




	/*Chat Message Send settings*/
	#post-message {
		background-color: #333333;
	}
	.text {
		background-color: #4d5156;
		color: white;
	}
	#post-message .form-button {
		color: #222;
	}





	/*Emojis Settings*/
	.ui-dialog{
		background-color: #333333;
		padding: 0;
		text-align: center;
		animation: fadein0 0.3s;
	}
	@keyframes fadein0 {
		from { opacity: 0; }
		to { opacity: 1;}
	}
	.ui-widget-overlay {
		opacity: 0.7;
		animation: fadein1 0.3s;
	}
	@keyframes fadein1 {
		from { opacity: 0; }
		to { opacity: 0.7 ;}
	}
	#smilies-dialog, #AddVideoContainer, #AddImageContainer, #AddInstagramContainer, #AddTwitterContainer, #RecommendDialog {
		background-color: #333333;
		border-top: solid 1px grey;
	}
	.ui-dialog-title {
		color: white;
	}





	/*Chat Users List settings*/
	#UsersList {
		background: #4d5156;
	}
	#UsersList li {
		background-color: #4d5156;
		color: white;
		border: solid 1px grey;
		cursor: pointer;
	}
	#UsersList li:hover {
		background: rgb(232,75,75) !important;
	}
	#UserListTitle {
		color: #333333;
	}





	/*Profile page settings*/
	#MyProfile {
		background-color: #222 !important;
		color: white;
	}
	#MyProfileData .add-friend {
		color: #222;
		background-color: rgb(234, 84, 84);
		border: 1px solid rgb(234, 84, 84);
	}
	#SendPm .FakeButton {
		color: #222;
		background-color: rgb(234, 84, 84);
		border: 1px solid rgb(234, 84, 84);
	}
	#ProfileWrapper #ProfileDescription {
		background-color: #333333;
		color: white; 
	}
	#ProfileWrapper #ProfileDescription a{
		color: rgb(167,212,61);
		
	}
	#ProfileWrapper #ProfileBoxes {
		background-color: #333333;
		color: white;
	}
	#ProfileWrapper #ProfileBoxes .ProfileBox h2 {
		color: #222;
	}
	.GamesCategorySubtitle {
		border: none;
	}
	.GamesCategorySubtitle .SubTitleHolder h2 {
		color: white;
	}
	#msgTable .pager-items .even {
		background-color: #333333;
		border-bottom: solid 1px grey;
		color: white;
	}
	.addCommentForm .even {
		background-color: #333333;
		border: none;
		color: white;
	}
	#txtComment {
		background-color: #4d5156;
	}
	#ProfileWrapper .ProfileInnerContent {
		background-color: #333333;
		color: white;
	}
	#BadgesDiv, #MedalsDiv {
		background-color: #333333;
		color: white;
	}
	#GamesMedalsSection .MedalCard, #UserAchievements .MedalCard {
		background-color: #333333;
	}
	#main-content {
		border: none;
	}
	#forumHolder #ForumSpacer {
		background-color: #222;
		border: none;
	}
	#msgTable #msgHeader {
		border: none;
	}
	#forumHolder .msgSubject h1 {
		color: #333333;
	}
	div.NoContent {
		background-color: #333333;
		color: white;
		border: none;
	}
	a {
		color: rgb(234, 84, 84);
	}
	#forumFooter {
		background-color: rgb(234, 84, 84);
		color: #222;
		border: none;
	}
	#MyProfileMenu #MyProfileMenuInner ol li.SelectedItem {
		background-color: rgb(234, 84, 84);
	}
	#MyProfileMenu #MyProfileMenuInner ol li.SelectedItem a {
		color: #222;
	}







	/*Profile Settings*/
	#MySettings {
		background-color: #333333;
		color: white;
	}
	#MySettings .file {
		color: white;
	}
	#MySettings .FakeButton {
		color: #222;
	}
	#MySettings form .profileblock h2 {
		color: #333333;
	}
	#txtShortDescription {
		background-color: #4d5156;
	}
	.FriendsList ul li {
		background-color: #333333;
	}
	.JustLikeButtonSquared {
		color: #222;
	}
	textarea {
		color: white;
	}
	#MySettingsMenu #MySettingsMenuInner ol li.SelectedItem {
		background-color: rgb(234, 84, 84);
	}
	#MySettingsMenu #MySettingsMenuInner ol li.SelectedItem a {
		color: #222;
	}





	/*Forum Settings*/
	.forumSpacer {
		background-color: #222;
		height: 0;
	}
	#forumHolder #HorizontalBannerSection {
		background: #222;
		margin-bottom: 0px
	}
	#forumThreadsList .msgSubject a {
		color: #222
	}
	span.SubsectionInfo {
		background-color: rgb(234, 84, 84);
	}





	/*Login Settings*/
	#SignupPageBackground {
		background-color: #222;
		color: white;
	}
	#SignupPage{
		background-color: #222;
		color: white;
	}
	#SignupPage #ValuePropositionText{
		color: white;
	}
	#SignupPage #SeparatingDiv {
		color: white;
	}
	#submit {
		color: #222;
	}
	.cookie_consent span {
		background-color: #4d5156;
		color: white;
	}
	.cookie_consent a {
		color: rgb(118,215,137);
	}





	/*Notifcations Settings*/
	.row {
		background-color: #333333;
		border-bottom: solid 1px grey;
		color: white;
	}
	.TextCell > a {
		color: rgb(118,215,137);
	}
	.NotificationTime {
		color: white;
	}





	/*Mail settings*/
	.alltitle {
		color: white;
	}
	div.time {
		color: white;
	}
	#form{
		background: #333333;
		border: 1px solid grey;
	}
	#form textarea{
		background: #4d5156;
	}
	#form label{
		color: white;
	}
	#private-messages .unseen {
		background-color: #444444;
	}
	#private-messages .DeletePmButton {
		color: black;
	}
	.PleaseNote{
		color: white;
	}





	/*Klepet Settings*/
	#Chat-Status {
		background-color: #333333;
		color: white;
		border: solid 1px grey;
	}
	#Chat-OnlineCount {
		color: white;
	}
	#Chat-Header {
		background-color: #4d5156;
		border: solid 1px grey;
	}
	#Chat-MyStatus {
		background-color: #333333;
	}
	#Chat-MyStatus > span {
		color: white;
	}
	#Chat-MyStatusSelected {
		background-color: #4d5156;
	}
	#Chat-MyStatusContainer span {
		color: white;
	}
	#Chat-MyStatusDropDown div {
		background-color: #4d5156;
	}
	#ChatContainer a {
		color: white;
	}
	#Chat-Friends div {
		background-color: #4d5156;
	}





	/*Notification popup settings*/
	a.BeeperItem {
		background-color: #333333;
		color: white;
		border: solid 1px rgb(234, 84, 84);
		animation: fadeout2 0.5s
	}
	a.BeeperItem:hover {
		background-color: #222;
		border: solid 1px rgb(167,212,61);
		animation: fadein2 0.5s; 
	}
	@keyframes fadeout2 {
		from { border: solid 1px rgb(167,212,61); background-color: #222; }
		to { border: solid 1px rgb(234, 84, 84); background-color: #333333; }
	}
	@keyframes fadein2 {
		from { border: solid 1px rgb(234, 84, 84); background-color: #333333; }
		to { border: solid 1px rgb(167,212,61); background-color: #222; }
	}
}