mirrors/DiscordChatExporter
1
0
Fork 0
mirror of https://github.com/Tyrrrz/DiscordChatExporter.git synced 2025-05-29 05:55:21 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Align design with Discord (#728)

Browse source
This commit is contained in:
Artem 2021-10-25 20:08:03 +02:00 • committed by GitHub
parent fc6cfcfcc6
commit 092f0cade9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 26 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

33
DiscordChatExporter.Core/Exporting/Writers/Html/PreambleTemplate.cshtml
View file

@ -148,10 +148,15 @@
.mention { .mention {
border-radius: 3px; border-radius: 3px;
padding: 0 2px; padding: 0 2px;
color: #7289da; color: @Themed("#dee0fc", "#505cdc");
background-color: rgba(114, 137, 218, .1); background-color: @Themed("rgba(88, 101, 242, .3)", "rgba(88, 101, 242, .15)");
font-weight: 500; font-weight: 500;
} }
.mention:hover {
background-color: #5865f2;
color: #ffffff
}
.timestamp { .timestamp {
border-radius: 3px; border-radius: 3px;
@ -599,17 +604,31 @@
.chatlog__reaction { .chatlog__reaction {
display: flex; display: flex;
align-items: center; align-items: center;
margin: 0.35em 0.1em 0.1em 0.1em; margin: 0.35em 0.1em 0.1em 0;
padding: 0.2em 0.35em; padding: .125rem .375rem;
background-color: @Themed("rgba(255, 255, 255, 0.05)", "rgba(79, 84, 92, 0.06)"); background-color: @Themed("#2f3136", "#f2f3f5");
border-radius: 3px; border-radius: 8px;
border-color: transparent;
border-width: 1px;
border-style: solid;
}
.chatlog__reaction:hover {
border-color: @Themed("hsla(0,0%,100%,.2)", "rgba(0, 0, 0, 0.2)");
border-width: 1px;
border-style: solid;
background-color: @Themed("transparent", "white");
} }
.chatlog__reaction-count { .chatlog__reaction-count {
min-width: 9px; min-width: 9px;
margin-left: 0.35em; margin-left: 0.35em;
font-size: 0.875em; font-size: 0.875em;
color: @Themed("rgba(255, 255, 255, 0.3)", "#747f8d"); color: @Themed("#b9bbbe", "#4f5660");
}
.chatlog__reaction:hover .chatlog__reaction-count {
color: @Themed("#dcddde", "#2e3338");
} }
.chatlog__bot-tag { .chatlog__bot-tag {