这是我过去几年来偶尔尝试css主题更换，大同小异，当然很多人看来还显得不搭！😂各位将就着看看！

2021丑陋的大红大紫 #ed556a #74759b

/* 不要在全部标签页上展示竖排、信息流广告，以及在线用户、论坛统计 */
        .TagsPage .item-forumStatisticsWidget {
                display: none !important;
 }
body{
background-image: linear-gradient(135deg, rgb(245, 177, 77),rgb(237, 53, 115));
.CommentPost.Post--by-actor {
    // This sets the left border to be the same color as the forum primary.
    border-left: solid @config-primary-color;
}
.Hero {
background-image: linear-gradient(90deg, rgb(237, 228, 100),rgb(252, 152, 51));/* 首页栏 */
}
/* 卡片主题 */
.IndexPage .DiscussionListItem,
.UserPage .DiscussionListItem,
.DiscussionPage-discussion .DiscussionListItem{ 
    transition: all 0.1s; /* 动画时间 */
}
@media (min-width: 991px){
    .IndexPage .DiscussionList-discussions>li:not(:first-child) .DiscussionListItem:hover{ /* 悬浮效果 */
        transform: scale(1.01); /* 缩放 */
    }
}

@media (min-width: 768px){ /* pc 端 */
.IndexPage .DiscussionListItem-content,
.UserPage .DiscussionListItem-content,
.DiscussionPage-discussion .DiscussionListItem-content{ /* 首页、用户页、讨论页卡片大小、描边 */
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 10px;
    border-radius: 8px;
    padding-bottom: 10px;
    border:1px solid #dbdfe6!important;
}
.IndexPage .Post.CommentPost,
.UserPage .Post.CommentPost,
.DiscussionPage-discussion .Post.CommentPost {
    margin-top:20px;
    border-radius: 8px;
    border: 1px solid #dbdfe6 !important;
}

.IndexPage .DiscussionListItem-info>.item-tags,
.UserPage .DiscussionListItem-info>.item-tags {top: 23px !important;}
.DiscussionListItem {
    position: relative;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    border-radius: 8px;
    margin-top:15px;
}
}
@media (min-width: 768px){
.IndexPage .DiscussionListItem:hover {
background-color: #fff;
-webkit-box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
}}
/* banner */
.WelcomeHero{color: #282828;}
.Hero h2 { font-size: 25px; font-weight: 700;}
.Hero { box-shadow: 0px 1px 10px 0 rgba(151,158,181,0.28); background-color: #fff; margin-bottom: 15px;}
/*.DiscussionHero .TagsLabel .TagLabel { color: #4D698E; }*/
.WelcomeHero .Hero-subtitle {color: #000;}
}
	/* 固定左侧标签栏 */
		@media (min-width: 992px) {
			.sideNav,
			.sideNav>ul{
				width: 190px;
				position: sticky;
				top: 80px;
			}
			.App {
				overflow-x: visible;
			}
			/* 版块页不受影响 */
			.CategoriesPage.TagsPage .sideNav,
			.CategoriesPage.TagsPage .sideNav>ul{
				position: unset;
			}
			/* 标签页不受影响 */
			.TagsPage.TagsPage .sideNav,
			.TagsPage.TagsPage .sideNav>ul{
				position: unset;
			}
		}

冬日蓝调

/* 不要在全部标签页上展示竖排、信息流广告，以及在线用户、论坛统计 */
        .TagsPage .item-forumStatisticsWidget {
                display: none !important;
 }
body{
background-image: repeating-linear-gradient(148deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 12px,transparent 12px, transparent 13px,rgba(0,0,0,0.03) 13px, rgba(0,0,0,0.03) 18px,transparent 18px, transparent 26px),repeating-linear-gradient(83deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 6px,transparent 6px, transparent 14px,rgba(0,0,0,0.03) 14px, rgba(0,0,0,0.03) 26px,transparent 26px, transparent 38px),repeating-linear-gradient(325deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 12px,transparent 12px, transparent 15px,rgba(0,0,0,0.03) 15px, rgba(0,0,0,0.03) 20px,transparent 20px, transparent 30px),repeating-linear-gradient(148deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 5px,transparent 5px, transparent 7px,rgba(0,0,0,0.03) 7px, rgba(0,0,0,0.03) 12px,transparent 12px, transparent 23px),repeating-linear-gradient(330deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 6px,transparent 6px, transparent 17px,rgba(0,0,0,0.03) 17px, rgba(0,0,0,0.03) 28px,transparent 28px, transparent 29px),repeating-linear-gradient(142deg, rgba(0,0,0,0.03) 0px, rgba(0,0,0,0.03) 6px,transparent 6px, transparent 7px,rgba(0,0,0,0.03) 7px, rgba(0,0,0,0.03) 12px,transparent 12px, transparent 21px),linear-gradient(90deg, hsl(124,0%,91%),hsl(124,0%,91%));
.CommentPost.Post--by-actor {
    // This sets the left border to be the same color as the forum primary.
    border-left: solid @config-primary-color;
}
.Hero {
background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
}
/* 卡片主题 */
.IndexPage .DiscussionListItem,
.UserPage .DiscussionListItem,
.DiscussionPage-discussion .DiscussionListItem{ 
    transition: all 0.1s; /* 动画时间 */
}
@media (min-width: 991px){
    .IndexPage .DiscussionList-discussions>li:not(:first-child) .DiscussionListItem:hover{ /* 悬浮效果 */
        transform: scale(1.01); /* 缩放 */
    }
}

@media (min-width: 768px){ /* pc 端 */
.IndexPage .DiscussionListItem-content,
.UserPage .DiscussionListItem-content,
.DiscussionPage-discussion .DiscussionListItem-content{ /* 首页、用户页、讨论页卡片大小、描边 */
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 10px;
    border-radius: 8px;
    padding-bottom: 10px;
    border:1px solid #dbdfe6!important;
}
.IndexPage .Post.CommentPost,
.UserPage .Post.CommentPost,
.DiscussionPage-discussion .Post.CommentPost {
    margin-top:20px;
    border-radius: 8px;
    border: 1px solid #dbdfe6 !important;
}

.IndexPage .DiscussionListItem-info>.item-tags,
.UserPage .DiscussionListItem-info>.item-tags {top: 23px !important;}
.DiscussionListItem {
    position: relative;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    border-radius: 8px;
    margin-top:15px;
}
}
@media (min-width: 768px){
.IndexPage .DiscussionListItem:hover {
background-color: #fff;
-webkit-box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
}}
/* banner */
.WelcomeHero{color: #282828;}
.Hero h2 { font-size: 25px; font-weight: 700;}
.Hero { box-shadow: 0px 1px 10px 0 rgba(151,158,181,0.28); background-color: #fff; margin-bottom: 15px;}
/*.DiscussionHero .TagsLabel .TagLabel { color: #4D698E; }*/
.WelcomeHero .Hero-subtitle {color: #000;}
}

	/* 固定左侧标签栏 */
		@media (min-width: 992px) {
			.sideNav,
			.sideNav>ul{
				width: 190px;
				position: sticky;
				top: 80px;
			}
			.App {
				overflow-x: visible;
			}
			/* 版块页不受影响 */
			.CategoriesPage.TagsPage .sideNav,
			.CategoriesPage.TagsPage .sideNav>ul{
				position: unset;
			}
			/* 标签页不受影响 */
			.TagsPage.TagsPage .sideNav,
			.TagsPage.TagsPage .sideNav>ul{
				position: unset;
			}
		}

暖色调2

#FF4500 #e2d849

/* 不要在全部标签页上展示竖排、信息流广告，以及在线用户、论坛统计 */
        .TagsPage .item-forumStatisticsWidget {
                display: none !important;
 }
@media screen and (max-width: 600px) {
     .item-forumStatisticsWidget {
         display: none;
    }
}
body{
background-image: linear-gradient(112.5deg, rgba(232, 232, 232, 0.03) 0%, rgba(232, 232, 232, 0.03) 2%,rgba(231, 231, 231, 0.03) 2%, rgba(231, 231, 231, 0.03) 4%,rgba(231, 231, 231, 0.03) 4%, rgba(231, 231, 231, 0.03) 11%,rgba(2, 2, 2, 0.03) 11%, rgba(2, 2, 2, 0.03) 67%,rgba(231, 231, 231, 0.03) 67%, rgba(231, 231, 231, 0.03) 90%,rgba(111, 111, 111, 0.03) 90%, rgba(111, 111, 111, 0.03) 100%),linear-gradient(157.5deg, rgba(210, 210, 210, 0.03) 0%, rgba(210, 210, 210, 0.03) 17%,rgba(254, 254, 254, 0.03) 17%, rgba(254, 254, 254, 0.03) 18%,rgba(96, 96, 96, 0.03) 18%, rgba(96, 96, 96, 0.03) 44%,rgba(159, 159, 159, 0.03) 44%, rgba(159, 159, 159, 0.03) 70%,rgba(24, 24, 24, 0.03) 70%, rgba(24, 24, 24, 0.03) 82%,rgba(16, 16, 16, 0.03) 82%, rgba(16, 16, 16, 0.03) 100%),linear-gradient(22.5deg, rgba(47, 47, 47, 0.03) 0%, rgba(47, 47, 47, 0.03) 32%,rgba(124, 124, 124, 0.03) 32%, rgba(124, 124, 124, 0.03) 40%,rgba(200, 200, 200, 0.03) 40%, rgba(200, 200, 200, 0.03) 42%,rgba(16, 16, 16, 0.03) 42%, rgba(16, 16, 16, 0.03) 64%,rgba(243, 243, 243, 0.03) 64%, rgba(243, 243, 243, 0.03) 94%,rgba(93, 93, 93, 0.03) 94%, rgba(93, 93, 93, 0.03) 100%),linear-gradient(90deg, #ffffff,#ffffff);
.CommentPost.Post--by-actor {
    // This sets the left border to be the same color as the forum primary.
    border-left: solid @config-primary-color;
}
.Hero {
background-image: linear-gradient(-20deg, #e9defa 0%, #fbfcdb 100%);
}
/* 卡片主题 */
.IndexPage .DiscussionListItem,
.UserPage .DiscussionListItem,
.DiscussionPage-discussion .DiscussionListItem{ 
    transition: all 0.1s; /* 动画时间 */
}
@media (min-width: 991px){
    .IndexPage .DiscussionList-discussions>li:not(:first-child) .DiscussionListItem:hover{ /* 悬浮效果 */
        transform: scale(1.01); /* 缩放 */
    }
}

@media (min-width: 768px){ /* pc 端 */
.IndexPage .DiscussionListItem-content,
.UserPage .DiscussionListItem-content,
.DiscussionPage-discussion .DiscussionListItem-content{ /* 首页、用户页、讨论页卡片大小、描边 */
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 10px;
    border-radius: 8px;
    padding-bottom: 10px;
    border:1px solid #dbdfe6!important;
}
.IndexPage .Post.CommentPost,
.UserPage .Post.CommentPost,
.DiscussionPage-discussion .Post.CommentPost {
    margin-top:20px;
    border-radius: 8px;
    border: 1px solid #dbdfe6 !important;
}

.IndexPage .DiscussionListItem-info>.item-tags,
.UserPage .DiscussionListItem-info>.item-tags {top: 23px !important;}
.DiscussionListItem {
    position: relative;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    border-radius: 8px;
    margin-top:15px;
}
}
@media (min-width: 768px){
.IndexPage .DiscussionListItem:hover {
background-color: #fff;
-webkit-box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
}}
/* banner */
.WelcomeHero{color: #282828;}
.Hero h2 { font-size: 25px; font-weight: 700;}
.Hero { box-shadow: 0px 1px 10px 0 rgba(151,158,181,0.28); background-color: #fff; margin-bottom: 15px;}
/*.DiscussionHero .TagsLabel .TagLabel { color: #4D698E; }*/
.WelcomeHero .Hero-subtitle {color: #000;}
}

	/* 固定左侧标签栏 */
		@media (min-width: 992px) {
			.sideNav,
			.sideNav>ul{
				width: 190px;
				position: sticky;
				top: 80px;
			}
			.App {
				overflow-x: visible;
			}
			/* 版块页不受影响 */
			.CategoriesPage.TagsPage .sideNav,
			.CategoriesPage.TagsPage .sideNav>ul{
				position: unset;
			}
			/* 标签页不受影响 */
			.TagsPage.TagsPage .sideNav,
			.TagsPage.TagsPage .sideNav>ul{
				position: unset;
			}
		}

蓝色调配，清新

#00BFFF #e2d849

/* 不要在全部标签页上展示竖排、信息流广告，以及在线用户、论坛统计 */
        .TagsPage .item-forumStatisticsWidget {
                display: none !important;
 }
@media screen and (max-width: 600px) {
     .item-forumStatisticsWidget {
         display: none;
    }
}
body{
background-image: repeating-linear-gradient(45deg, rgb(241, 241, 241) 0px, rgb(241, 241, 241) 144px,rgb(207, 207, 207) 144px, rgb(207, 207, 207) 288px,rgb(224, 224, 224) 288px, rgb(224, 224, 224) 432px);
.CommentPost.Post--by-actor {
    // This sets the left border to be the same color as the forum primary.
    border-left: solid @config-primary-color;
}
.Hero {background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);}
/* 卡片主题 */
.IndexPage .DiscussionListItem,
.UserPage .DiscussionListItem,
.DiscussionPage-discussion .DiscussionListItem{ 
    transition: all 0.1s; /* 动画时间 */
}
@media (min-width: 991px){
    .IndexPage .DiscussionList-discussions>li:not(:first-child) .DiscussionListItem:hover{ /* 悬浮效果 */
        transform: scale(1.01); /* 缩放 */
    }
}

@media (min-width: 768px){ /* pc 端 */
.IndexPage .DiscussionListItem-content,
.UserPage .DiscussionListItem-content,
.DiscussionPage-discussion .DiscussionListItem-content{ /* 首页、用户页、讨论页卡片大小、描边 */
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 10px;
    border-radius: 8px;
    padding-bottom: 10px;
    border:1px solid #dbdfe6!important;
}
.IndexPage .Post.CommentPost,
.UserPage .Post.CommentPost,
.DiscussionPage-discussion .Post.CommentPost {
    margin-top:20px;
    border-radius: 8px;
    border: 1px solid #dbdfe6 !important;
}

.IndexPage .DiscussionListItem-info>.item-tags,
.UserPage .DiscussionListItem-info>.item-tags {top: 23px !important;}
.DiscussionListItem {
    position: relative;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    border-radius: 8px;
    margin-top:15px;
}
}
@media (min-width: 768px){
.IndexPage .DiscussionListItem:hover {
background-color: #fff;
-webkit-box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
}}
/* banner */
.WelcomeHero{color: #282828;}
.Hero h2 { font-size: 25px; font-weight: 700;}
.Hero { box-shadow: 0px 1px 10px 0 rgba(151,158,181,0.28); background-color: #fff; margin-bottom: 15px;}
/*.DiscussionHero .TagsLabel .TagLabel { color: #4D698E; }*/
.WelcomeHero .Hero-subtitle {color: #000;}
}

	/* 固定左侧标签栏 */
		@media (min-width: 992px) {
			.sideNav,
			.sideNav>ul{
				width: 190px;
				position: sticky;
				top: 80px;
			}
			.App {
				overflow-x: visible;
			}
			/* 版块页不受影响 */
			.CategoriesPage.TagsPage .sideNav,
			.CategoriesPage.TagsPage .sideNav>ul{
				position: unset;
			}
			/* 标签页不受影响 */
			.TagsPage.TagsPage .sideNav,
			.TagsPage.TagsPage .sideNav>ul{
				position: unset;
			}
}

渐变蓝色清新（冷色）`#00BFFF`+橙色(暖色)`#FF7F00`会很舒适哦！

/* 不要在全部标签页上展示竖排、信息流广告，以及在线用户、论坛统计 */
        .TagsPage .item-forumStatisticsWidget {
                display: none !important;
 }
@media screen and (max-width: 600px) {
     .item-forumStatisticsWidget {
         display: none;
    }
}
body{
background-image: linear-gradient(135deg, transparent 0%, transparent 9%,rgba(126, 196, 233,0.6) 9%, rgba(126, 196, 233,0.6) 51%,transparent 51%, transparent 57%,rgba(146, 246, 234,0.6) 57%, rgba(146, 246, 234,0.6) 100%),linear-gradient(45deg, transparent 0%, transparent 12%,rgb(126, 196, 233) 12%, rgb(126, 196, 233) 33%,rgb(87, 96, 230) 33%, rgb(87, 96, 230) 45%,transparent 45%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
.CommentPost.Post--by-actor {
    // This sets the left border to be the same color as the forum primary.
    border-left: solid @config-primary-color;
}
.Hero {background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);}
/* 卡片主题 */
.IndexPage .DiscussionListItem,
.UserPage .DiscussionListItem,
.DiscussionPage-discussion .DiscussionListItem{ 
    transition: all 0.1s; /* 动画时间 */
}
@media (min-width: 991px){
    .IndexPage .DiscussionList-discussions>li:not(:first-child) .DiscussionListItem:hover{ /* 悬浮效果 */
        transform: scale(1.01); /* 缩放 */
    }
}

@media (min-width: 768px){ /* pc 端 */
.IndexPage .DiscussionListItem-content,
.UserPage .DiscussionListItem-content,
.DiscussionPage-discussion .DiscussionListItem-content{ /* 首页、用户页、讨论页卡片大小、描边 */
    padding-left: 80px;
    padding-right: 80px;
    padding-top: 10px;
    border-radius: 8px;
    padding-bottom: 10px;
    border:1px solid #dbdfe6!important;
}
.IndexPage .Post.CommentPost,
.UserPage .Post.CommentPost,
.DiscussionPage-discussion .Post.CommentPost {
    margin-top:20px;
    border-radius: 8px;
    border: 1px solid #dbdfe6 !important;
}

.IndexPage .DiscussionListItem-info>.item-tags,
.UserPage .DiscussionListItem-info>.item-tags {top: 23px !important;}
.DiscussionListItem {
    position: relative;
    margin-right: 0;
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    border-radius: 8px;
    margin-top:15px;
}
}
@media (min-width: 768px){
.IndexPage .DiscussionListItem:hover {
background-color: #fff;
-webkit-box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;
}}
/* banner */
.WelcomeHero{color: #282828;}
.Hero h2 { font-size: 25px; font-weight: 700;}
.Hero { box-shadow: 0px 1px 10px 0 rgba(151,158,181,0.28); background-color: #fff; margin-bottom: 15px;}
/*.DiscussionHero .TagsLabel .TagLabel { color: #4D698E; }*/
.WelcomeHero .Hero-subtitle {color: #000;}
}

	/* 固定左侧标签栏 */
		@media (min-width: 992px) {
			.sideNav,
			.sideNav>ul{
				width: 190px;
				position: sticky;
				top: 80px;
			}
			.App {
				overflow-x: visible;
			}
			/* 版块页不受影响 */
			.CategoriesPage.TagsPage .sideNav,
			.CategoriesPage.TagsPage .sideNav>ul{
				position: unset;
			}
			/* 标签页不受影响 */
			.TagsPage.TagsPage .sideNav,
			.TagsPage.TagsPage .sideNav>ul{
				position: unset;
			}
		}
/* 横幅 */
.IndexPage-toolbar::after {
    content: "Please change your avatars as soon as possible！|请尽快更改头像！";
    padding: 10px;
    background-color:#00BFFF	
    color: #DC143C;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    display: block;
    margin: 5px 0;
    white-space: pre-wrap;
}

热情奔放！

#FF9D6F #84C1FF
/* 跳动标题 */

.Hero-title {

animation: my-face 5s infinite ease-in-out;

display: inline-block;

margin: 0 5px;

}

@keyframes my-face {

2% {

transform: translate(0,1.5px) rotate(1.5deg);

}

4% {

transform: translate(0,-1.5px) rotate(-0.5deg);

}

6% {

transform: translate(0,1.5px) rotate(-1.5deg);

}

8% {

transform: translate(0,-1.5px) rotate(-1.5deg);

}

10% {

transform: translate(0,2.5px) rotate(1.5deg);

}

12% {

transform: translate(0,-0.5px) rotate(1.5deg);

}

14% {

transform: translate(0,-1.5px) rotate(1.5deg);

}

16% {

transform: translate(0,-0.5px) rotate(-1.5deg);

}

18% {

transform: translate(0,0.5px) rotate(-1.5deg);

}

20% {

transform: translate(0,-1.5px) rotate(2.5deg);

}

22% {

transform: translate(0,0.5px) rotate(-1.5deg);

}

24% {

transform: translate(0,1.5px) rotate(1.5deg);

}

26% {

transform: translate(0,0.5px) rotate(0.5deg);

}

28% {

transform: translate(0,0.5px) rotate(1.5deg);

}

30% {

transform: translate(0,-0.5px) rotate(2.5deg);

}

32% {

transform: translate(0,1.5px) rotate(-0.5deg);

}

34% {

transform: translate(0,1.5px) rotate(-0.5deg);

}

36% {

transform: translate(0,-1.5px) rotate(2.5deg);

}

38% {

transform: translate(0,1.5px) rotate(-1.5deg);

}

40% {

transform: translate(0,-0.5px) rotate(2.5deg);

}

42% {

transform: translate(0,2.5px) rotate(-1.5deg);

}

44% {

transform: translate(0,1.5px) rotate(0.5deg);

}

46% {

transform: translate(0,-1.5px) rotate(2.5deg);

}

48% {

transform: translate(0,-0.5px) rotate(0.5deg);

}

50% {

transform: translate(0,0.5px) rotate(0.5deg);

}

52% {

transform: translate(0,2.5px) rotate(2.5deg);

}

54% {

transform: translate(0,-1.5px) rotate(1.5deg);

}

56% {

transform: translate(0,2.5px) rotate(2.5deg);

}

58% {

transform: translate(0,0.5px) rotate(2.5deg);

}

60% {

transform: translate(0,2.5px) rotate(2.5deg);

}

62% {

transform: translate(0,-0.5px) rotate(2.5deg);

}

64% {

transform: translate(0,-0.5px) rotate(1.5deg);

}

66% {

transform: translate(0,1.5px) rotate(-0.5deg);

}

68% {

transform: translate(0,-1.5px) rotate(-0.5deg);

}

70% {

transform: translate(0,1.5px) rotate(0.5deg);

}

72% {

transform: translate(0,2.5px) rotate(1.5deg);

}

74% {

transform: translate(0,-0.5px) rotate(0.5deg);

}

76% {

transform: translate(0,-0.5px) rotate(2.5deg);

}

78% {

transform: translate(0,-0.5px) rotate(1.5deg);

}

80% {

transform: translate(0,1.5px) rotate(1.5deg);

}

82% {

transform: translate(0,-0.5px) rotate(0.5deg);

}

84% {

transform: translate(0,1.5px) rotate(2.5deg);

}

86% {

transform: translate(0,-1.5px) rotate(-1.5deg);

}

88% {

transform: translate(0,-0.5px) rotate(2.5deg);

}

90% {

transform: translate(0,2.5px) rotate(-0.5deg);

}

92% {

transform: translate(0,0.5px) rotate(-0.5deg);

}

94% {

transform: translate(0,2.5px) rotate(0.5deg);

}

96% {

transform: translate(0,-0.5px) rotate(1.5deg);

}

98% {

transform: translate(0,-1.5px) rotate(-0.5deg);

}

0%,100% {

transform: translate(0,0) rotate(0deg);

}

/* 不要在全部标签页上展示竖排、信息流广告，以及在线用户、论坛统计 */

.TagsPage .item-forumStatisticsWidget {

display: none !important;

}

@media screen and (max-width: 600px) {

.item-forumStatisticsWidget {

display: none;

}

body {

p{font-family:“Noto Serif SC”, Times, serif;}

background-image: radial-gradient(circle at 44% 9%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 74%,transparent 74%, transparent 83%,transparent 83%, transparent 100%),radial-gradient(circle at 0% 23%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 8%,transparent 8%, transparent 69%,transparent 69%, transparent 100%),radial-gradient(circle at 87% 35%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 10%,transparent 10%, transparent 61%,transparent 61%, transparent 100%),radial-gradient(circle at 22% 7%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 16%,transparent 16%, transparent 88%,transparent 88%, transparent 100%),radial-gradient(circle at 37% 26%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 7%,transparent 7%, transparent 9%,transparent 9%, transparent 100%),radial-gradient(circle at 86% 59%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 77%,transparent 77%, transparent 95%,transparent 95%, transparent 100%),radial-gradient(circle at 75% 83%, hsla(153,0%,47%,0.05) 0%, hsla(153,0%,47%,0.05) 35%,transparent 35%, transparent 86%,transparent 86%, transparent 100%),linear-gradient(0deg, hsl(279,0%,100%),hsl(279,0%,100%));

// This sets the left border to be the same color as the forum primary.

border-left: solid @config-primary-color;

}

.Hero {

background-image: linear-gradient(-20deg, #f794a4 0%, #fdd6bd 100%);

.IndexPage .DiscussionListItem-content,

.UserPage .DiscussionListItem-content,

.DiscussionPage-discussion .DiscussionListItem-content {

/* 首页、用户页、讨论页卡片大小、描边 */

padding-left: 80px;

padding-right: 80px;

padding-top: 10px;

border-radius: 8px;

padding-bottom: 10px;

border: 1px solid #dbdfe6!important;

}

.IndexPage .Post.CommentPost,

.UserPage .Post.CommentPost,

.DiscussionPage-discussion .Post.CommentPost {

margin-top: 20px;

border-radius: 8px;

border: 1px solid #dbdfe6 !important;

}

.IndexPage .DiscussionListItem-info>.item-tags,

.UserPage .DiscussionListItem-info>.item-tags {

top: 23px !important;

}

.DiscussionListItem {

position: relative;

margin-right: 0;

padding-right: 0;

padding-left: 0;

margin-left: 0;

border-radius: 8px;

margin-top: 15px;

}

@media (min-width: 768px) {

.IndexPage .DiscussionListItem:hover {

background-color: #fff;

-webkit-box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;

box-shadow: 0px 8px 24px 3px rgba(84,102,134,0.1) !important;

}

/* banner */

.WelcomeHero {

color: #282828;

}

.Hero h2 {

font-size: 25px;

font-weight: 700;

}

.Hero {

box-shadow: 0px 1px 10px 0 rgba(151,158,181,0.28);

background-color: #fff;

margin-bottom: 15px;

}

/.DiscussionHero .TagsLabel .TagLabel { color: #4D698E; }/

.WelcomeHero .Hero-subtitle {

color: #000;

}

/右上角楼主/

div.PostStream-item article.CommentPost.Post.Post–by-start-user header.Post-header ul:not(ul.PostUser-badges.badges):after {

content: “楼主”;

background: #F05D1D;

padding: 1px 10px 0px;

color: white;

border-radius: 4px;

font-size: 14px;

float: right;

}

/沙发/

div.PostStream-item article.CommentPost.Post header.Post-header ul:not(ul.PostUser-badges.badges)::after {

content: “沙发”;

background: #f947c8;

padding: 1px 10px 0px;

color: white;

border-radius: 4px;

font-size: 14px;

float: right;

}

/板凳/

div.PostStream-item article.CommentPost.Post header.Post-header ul:not(ul.PostUser-badges.badges)::after {

content: “板凳”;

background: #db45fb;

padding: 1px 10px 0px;

color: white;

border-radius: 4px;

font-size: 14px;

float: right;

}

/地板/

div.PostStream-item article.CommentPost.Post header.Post-header ul:not(ul.PostUser-badges.badges)::after {

content: “地板”;

background: #2a92f4;

padding: 1px 10px 0px;

color: white;

border-radius: 4px;

font-size: 14px;

float: right;

}

这是我过去几年来偶尔尝试css主题更换，大同小异，当然很多人看来还显得不搭！😂各位将就着看看！

2021丑陋的大红大紫 #ed556a #74759b

冬日蓝调

暖色调2

蓝色调配，清新

渐变蓝色清新（冷色）#00BFFF+橙色(暖色)#FF7F00会很舒适哦！

热情奔放！

渐变蓝色清新（冷色）`#00BFFF`+橙色(暖色)`#FF7F00`会很舒适哦！