caylak Dark modu için Yönetim Paneli -> Görünüm -> Karanlık Mod seçeneğini pasif et. Default beyaz gelir. İsteyen olursa ana sayfada sağ üstte bulunan profil menüsünden karanlık moda alabilir.
Diğer konu için ise; body.dark css sınıfının altında bulunan kodları kontrol et. Bizim CSS kodlarımız:
body.dark .IndexPage-stats-header
{
background: #14191f!important;
}
body.dark .IndexPage-stats-body
{
background: #14191f!important;
}
.Hero {
background-image: url(https://yazilimtoplulugu.com/rOXFm0.png);
}
.App:before {
background-image: repeating-linear-gradient(to right, #c4e17f 0, #c4e17f 50px, #f7fdca 50px, #f7fdca 100px, #fad071 100px, #fad071 150px, #f0766b 150px, #f0766b 200px, #db9dbe 200px, #db9dbe 250px, #c49cdf 250px, #c49cdf 300px, #6599e2 300px, #6599e2 350px, #61c2e4 350px, #61c2e4 400px) !important ;
background-size: 100% 4px !important;
background-repeat: no-repeat !important;
}
#header-primary > ul > li.item-link1 > a:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 14px;
content: '\f015';
margin-right: 4px;
vertical-align: -1px;
}
#header-primary > ul > li.item-link3 > a:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 14px;
content: '\f7e6';
margin-right: 4px;
vertical-align: -1px;
}
#header-primary > ul > li.item-link4 > a:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 14px;
content: '\f5a0';
margin-right: 4px;
vertical-align: -1px;
}
#header-primary > ul > li.item-link5 > a:before {
font-family: 'Font Awesome 5 Free';
font-weight: 600;
font-size: 14px;
content: '\f0e0';
margin-right: 4px;
vertical-align: -1px;
}
.CommentPost.Post {
border-left: solid @config-primary-color;
}
body.dark .Pages-container {
background-color: #14191f !important;
}
body.dark .DiscussionListItem-title {
margin: 0 0 3px 10px !important;
}
body.dark .DiscussionListItem-content {
padding-left: 80px;
padding-right: 80px;
padding-top: 10px;
border-radius: 8px;
padding-bottom: 20px;
background-color: #14191f !important;
-webkit-box-shadow: 0 1px 10px 0 rgba(151,158,181,0.28) !important;
box-shadow: 0 1px 10px 0 rgba(151,158,181,0.28) !important;
}
body.dark .Post.CommentPost {
background-color: #14191f !important;
border-radius: 8px;
margin-top: 20px;
-webkit-box-shadow: 0 1px 10px 0 rgba(151,158,181,.28)!important;
box-shadow: 0 1px 10px 0 rgba(151,158,181,.28)!important;
}
body.dark .Dropdown .Dropdown-menu>li>a
{
background: #14191f;
}
body.dark .sideNav .Dropdown--select
{
background: #14191f !important;
}
@media (min-width: 768px){.item-recipients{ margin-left: 10px;}}
@media (min-width: 768px){
.IndexPage .DiscussionListItem-info>.item-tags, .UserPage .DiscussionListItem-info>.item-tags {
margin-right: 0;
position: absolute;
left: 90px;
top: unset !important;
max-width: 500px !important;
white-space: nowrap;
overflow: hidden;
transition: max-width .2s ease-in-out,-webkit-mask-image .2s;
font-size: 13px !important;
bottom: 16px;
-webkit-mask-image: initial !important;
}}
@media (min-width: 768px){.item-terminalPost{ margin-left: 10px;}}
@media (min-width: 768px){
.sideNav, .sideNav>ul {
width: 205px;
}}
@media (min-width: 992px){.DiscussionListItem-count:before {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-family: 'Font Awesome 5 Free';
font-weight: 400;
content: "\f27a";
float: left;
margin-left: -21px;
margin-top: 4px;
}}
@media (min-width: 768px) {
.DiscussionListItem-badges {
margin-left: 0px;
position: absolute;
right: 40px;
}}
@media (min-width: 768px){
.DiscussionListItem-author .Avatar {
width: 50px;
height: 50px;
border-radius: 6px;
font-size: 25px;
line-height: 50px;
}}
@media (min-width: 768px){
.IndexPage .DiscussionListItem-title, .UserPage .DiscussionListItem-title {
margin-right: 0 !important; margin-left: 10px;
}}
@media (min-width: 767px) {
.DiscussionListItem-info .item-excerpt {
margin-left: 10px;
padding-bottom: 8px;
border-bottom: 1px solid #d7dfea;
margin-bottom: 15px;
margin-right: -40px !important;
}}
@media (min-width: 768px){
.item-discussion-views {
margin-right: -50px !important;
float: left;
margin-top: 68px;
position: absolute;
right: 100px;
bottom: 13px;
color: #667c99
}}
@media (min-width: 768px){
.DiscussionListItem-count {
float: right;
margin-top: 12px;
text-decoration: none;
position: absolute;
right: 130px;
bottom: 15px;
padding-left: 0px !important;
line-height: normal;
}}
.Pages-container{background: #fff;webkit-box-shadow:0 1px 10px 0 rgba(151, 158, 181, 0.28) !important;
box-shadow: 0 1px 10px 0 rgba(151, 158, 181, 0.28) !important; max-width: 1100px !important;}
@media (min-width: 767px) {.sideNav .Dropdown--select {
background: #fff;
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
padding-bottom: 5px;
box-shadow: 0 1px 10px 0 rgba(151, 158, 181, 0.28) !important;
border-radius: 6px;
}}
@media (min-width: 768px){.DiscussionListItem-content {
padding-left: 80px;
padding-right: 80px;
padding-top: 10px;
border-radius: 8px;
padding-bottom: 20px;
background-color: #fff;
-webkit-box-shadow: 0 1px 10px 0 rgba(151, 158, 181, 0.28) !important;
box-shadow: 0 1px 10px 0 rgba(151, 158, 181, 0.28) !important;
}
.DiscussionListItem {
position: relative;
margin-right: 0;
padding-right: 0;
padding-left: 0;
margin-left: 0;
border-radius: 8px;
margin-top:15px;}}
.Post.CommentPost {background-color: #fff; border-radius: 8px; margin-top: 20px; -webkit-box-shadow:0 1px 10px 0 rgba(151, 158, 181, 0.28) !important;
box-shadow: 0 1px 10px 0 rgba(151, 158, 181, 0.28) !important;
}
@media (min-width: 768px){.DiscussionListItem:hover { background-color: transparent !important;
-webkit-box-shadow: 0 1px 15px 0 rgba(0,0,0,.18) !important;
box-shadow: 0 1px 15px 0 rgba(0,0,0,.18) !important;}}
body {
background-image: url('https://yazilimtoplulugu.com/reborn3.svg');
background-repeat: no-repeat;
background-attachment: fixed;
}
// Who Read alanında kullanıcı grubu ikonlarını gizler
.WhoRead--extended .badges {
display: none;
}
// Who Read için FoF Night Mode desteği ekler
body.dark .WhoRead--extended {
background: #212121 !important;
}
// Uzun kullanıcı adına sahip kullanıcılar için kullanıcı adını kısaltır ve iç içe geçmeleri önler
.WhoRead--extended .WhoRead-user {
text-align: center;
text-overflow: ellipsis;
max-width: 10em;
overflow: hidden;
white-space: nowrap;
}
.WhoRead--extended .Avatar
{
width:32px !important;
height:32px !important;
border-radius:32px;
font-size:16px;
line-height:32px
}
.WhoRead--extended .WhoRead-avatar
{
position:relative;
width:32px !important;
margin:0 auto
}