bubble/devthread.ru
1
0
Fork 0
mirror of https://github.com/sergeyyarkov/devthread.ru.git synced 2026-10-11 18:29:10 +03:00
Code Issues Packages Projects Releases Wiki Activity

dark theme comments

Browse Source
This commit is contained in:
Sergey Yarkov 2020-07-24 02:31:08 +03:00
parent 14b175a851
commit a746579e8f
3 changed files with 55 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/Article/Article.js
View File

@ -110,7 +110,6 @@ const Article = ({
</div> </div>
<div className="article-comments"> <div className="article-comments">
<div className="article-comments__heading"> <div className="article-comments__heading">
<h2>Комментарии</h2>
{readyComments ? ( {readyComments ? (
<GitalkComponent <GitalkComponent
options={{ options={{

55
src/components/Article/Article.scss
View File

@ -93,6 +93,20 @@
} }
& .article-comments { & .article-comments {
margin: 25px 0; margin: 25px 0;
& div.gt-header > div.gt-header-comment > div.gt-header-controls > a > span > span.gt-svg {
display: none;
}
& .gt-container {
& .gt-comment-content {
transition: none;
&:hover {
box-shadow: none;
}
}
& .gt-header-textarea {
transition: none;
}
}
} }
} }
} }
@ -128,6 +142,47 @@
& .article-more { & .article-more {
color: $white-clr; color: $white-clr;
} }
& .article-comments {
& .gt-container {
color: $white-clr;
& .gt-header-textarea {
background-color: #2A2A2A;
color: $white-clr;
}
& .gt-comments {
& .markdown-body pre {
background: none;
color: #fff;
}
}
& .gt-meta {
border-bottom: 1px solid rgba(153, 153, 153, 0.2)
}
& .gt-comment-content {
background-color: #2A2A2A;
}
& .gt-comment-content:hover {
box-shadow: none;
}
& .gt-btn-preview {
background-color: #2A2A2A;
color: #ffffff;
border: 1px solid rgba(153, 153, 153, 0.2);
&:hover {
background-color: #414141;
}
}
& .gt-header-preview {
background-color: #2A2A2A;
& p, a, h1, h2 ,h3, h4, h5, h6 {
color: $white-clr;
}
}
& .gt-svg svg {
fill: $white-clr !important;
}
}
}
& p, h1, h2, h3, h4, h5, h6, ul, ol { & p, h1, h2, h3, h4, h5, h6, ul, ol {
color: $white-clr; color: $white-clr;
} }

1
src/components/Snippet/Snippet.js
View File

@ -31,7 +31,6 @@ const Snippet = ({ data: { description, title, date }, html }) => {
</div> </div>
<div className="snippet-comments"> <div className="snippet-comments">
<div className="snippet-comments__heading"> <div className="snippet-comments__heading">
<h2>Комментарии</h2>
{readyComments ? ( {readyComments ? (
<GitalkComponent <GitalkComponent
options={{ options={{