dark theme for ibbu chat (WIP)
ibbu.iadvize.com dark theme by ashchu117
Details
Authorashchu117
LicenseNo License
Categoryiadvize.com
Created
Updated
Size4.4 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 ibbu.iadvize.com - 1/13/2023, 9:55:56 PM
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document url-prefix("https://ibbu.iadvize.com/")
{
.js-focus-visible {
--THEME_SOCIAL___MESSENGER: radial-gradient(205% 195% at 5% 100%,#4898fb 0%,#4372fa 27.4191558361%,#b23dec 65.3188169003%,#ed6e5f 88.2209777832%);
--THEME_SOCIAL___FACEBOOK: #1877f2;
--THEME_SOCIAL___TWITTER: #1da1f2;
--THEME_SOCIAL___WHATSAPP: #25d366;
--THEME_SOCIAL___ABC: #575757;
--THEME_MALACHITE: #1bc74e;
--THEME_WHITE: #fff;
--THEME_NEUTRAL___200: #f5f6fa;
--THEME_NEUTRAL___200_DARKENED: #e4e7f2;
--THEME_NEUTRAL___300: #eff0f6;
--THEME_NEUTRAL___300_DARKENED: #dfe1ed;
--THEME_NEUTRAL___500: #d7d9e5;
--THEME_NEUTRAL___700: #6b7184;
--THEME_NEUTRAL___800: #373d4d;
--THEME_NEUTRAL___900: #34393f;
--THEME_NEUTRAL___900_DARKENED: #282c31;
--THEME_AZURE: #09f;
--THEME_AZURE___200: #e6f5ff;
--THEME_JUICE: #ff8c00;
--THEME_JUICE___200: #fff4e6;
--THEME_FIREBRICK: #ec5d61;
--THEME_FIREBRICK___200: #feeff0;
--THEME_FIREBRICK_DARKENED: #e9464b;
--THEME_BLUR_BUTTON_GREY: rgba(236,237,241,0.7);
--THEME_BLUR_BUTTON_GREY_DARKENED: rgba(221,223,230,0.7);
--THEME_DEFAULT_BOX_SHADOW: 0rem 0.2rem 0.9remrgba(5,20,97,0.12);
--THEME_MEDIUM_BOX_SHADOW: 0rem 0.5rem 2.2remrgba(5,20,97,0.14);
--THEME_LARGE_BOX_SHADOW: 0 2px 10pxrgba(220,223,239,0.8),0 16px 32pxrgba(9,16,56,0.12);
--THEME_SMALL_BOX_SHADOW: 0 1px 0rgba(218,222,239,0.5),2px 3px 6pxrgba(218,222,239,0.3);
--DESK_BACKGROUND: #323232;
}
.RvdUQ {
background: #323232!important;
}
.idzConversationThread {
opacity: 1;
padding: 0 2.4rem 2.4rem;
background: #323232;
}
.idzAlertContent .idzAlertContentContent {
margin-right: 1rem;
color: #fff;
}
.header .main {
background: #000;
}
.header .main .navigation .menu ul li a {
font-size: 1.5rem;
color: #cbcbcb;
display: flex;
flex-flow: row nowrap;
align-items: center;
transition: color 150ms ease-out;
padding-top: 0.2rem;
}
.header {
border-bottom: 1px solid #000000;
position: fixed;
z-index: 99;
top: 0;
left: 0;
width: 100%;
}
element.style {
background: #343434;
--DESK_BACKGROUND: #343434;
}
._2zciK {
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
padding: 0 1.6rem 0 3.2rem;
background-color: #000000!important;
}
._2zciK {
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
justify-content: space-between;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
padding: 0 1.6rem 0 3.2rem;
background-color: #000000!important;
}
._1kf-W {
display: -webkit-inline-flex;
display: -moz-inline-box;
display: inline-flex;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
justify-items: center;
background: #484848;
color: #d5d5d5;
border: none;
-moz-border-radius: 8px;
border-radius: 8px;
padding: 0.8rem;
min-height: 3.2rem;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
cursor: pointer;
}
._3bMfD {
position: fixed;
top: 0;
left: 0;
padding: 1.2rem 1.6rem 0.8rem 1.2rem;
width: 100%;
height: 6.4rem;
gap: 2.4rem;
display: -webkit-flex;
display: -moz-box;
display: flex;
-webkit-flex-direction: row;
-moz-box-orient: horizontal;
-moz-box-direction: normal;
flex-direction: row;
-webkit-align-items: center;
-moz-box-align: center;
align-items: center;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
justify-content: space-between;
color: #6b7184;
font: 600 1.5rem/140% Proxima Nova;
z-index: 6;
background: #323232!important;
}
}