mirror of
https://github.com/gurnec/removeddit.git
synced 2026-03-11 08:54:27 +00:00
Added status messages for threads and about page
This commit is contained in:
JubbeArt
parent
c039a67b76
commit
cefd05494e
6 changed files with 458 additions and 79 deletions
4
.gitignore
vendored
4
.gitignore
vendored
|
|
@ -4,8 +4,8 @@
|
|||
# Dependency directories
|
||||
node_modules/
|
||||
|
||||
# Generated JS/CSS files
|
||||
dist/main.*
|
||||
# Generated JS files
|
||||
dist/main.js
|
||||
|
||||
# Log files
|
||||
*.log
|
||||
367
dist/main.css
vendored
Normal file
367
dist/main.css
vendored
Normal file
|
|
@ -0,0 +1,367 @@
|
|||
html, body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #262626;
|
||||
font-family: verdana, arial, helvetica, sans-serif; }
|
||||
|
||||
.main {
|
||||
margin: 15px;
|
||||
color: white; }
|
||||
|
||||
.removed {
|
||||
background-color: #840c09; }
|
||||
|
||||
.deleted {
|
||||
background-color: #00007d; }
|
||||
|
||||
.removed-text {
|
||||
color: #c70300; }
|
||||
|
||||
.deleted-text {
|
||||
color: #0000ff; }
|
||||
|
||||
a {
|
||||
color: #8cb3d9; }
|
||||
|
||||
a:link, a:visited, a:active {
|
||||
text-decoration: none; }
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline; }
|
||||
|
||||
.author {
|
||||
color: #6a98af; }
|
||||
|
||||
.author:not([href]) {
|
||||
color: inherit;
|
||||
text-decoration: none; }
|
||||
|
||||
.space {
|
||||
margin-left: 5px; }
|
||||
|
||||
select {
|
||||
background: transparent;
|
||||
border: 0;
|
||||
color: #828282; }
|
||||
|
||||
header {
|
||||
background-color: #c70300;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 10px; }
|
||||
header #header a {
|
||||
color: #fff; }
|
||||
header #header h1 {
|
||||
margin: 7px 0;
|
||||
text-align: center; }
|
||||
header #header h1 a {
|
||||
transition: color 0.3s; }
|
||||
header #header h1 a:hover {
|
||||
text-decoration: none;
|
||||
color: #ff8b88; }
|
||||
header #header nav a {
|
||||
margin: 0 7px;
|
||||
font-size: 20px; }
|
||||
header #status {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center; }
|
||||
header #status #status-text {
|
||||
color: #fff;
|
||||
margin: 0 20px 0 0; }
|
||||
header #status #status-image {
|
||||
height: 64px;
|
||||
width: 64px;
|
||||
border-radius: 32px; }
|
||||
|
||||
#main-box {
|
||||
margin: 0 auto;
|
||||
padding: 20px;
|
||||
border-radius: 5px;
|
||||
color: #fff;
|
||||
word-wrap: break-word;
|
||||
max-width: 800px;
|
||||
background-color: #161616; }
|
||||
#main-box h2 {
|
||||
margin: 20px 0px 12px; }
|
||||
#main-box h2.about {
|
||||
margin: 0;
|
||||
color: #c70300; }
|
||||
#main-box h2.todo {
|
||||
color: #239f2b; }
|
||||
#main-box h2.contact {
|
||||
color: #1b767a; }
|
||||
#main-box ul {
|
||||
padding-left: 30px;
|
||||
margin: 0; }
|
||||
#main-box .bookmarklet {
|
||||
background: #c70300;
|
||||
color: #fff;
|
||||
padding: 9px;
|
||||
font-size: large;
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
border-radius: 5px;
|
||||
margin: 0 7px; }
|
||||
|
||||
.comment {
|
||||
margin: 0 0 8px 0;
|
||||
padding: 5px 8px 5px 30px;
|
||||
border: 1px solid #333;
|
||||
border-radius: 3px;
|
||||
color: #ddd;
|
||||
font-size: 14px; }
|
||||
.comment .comment-head {
|
||||
font-size: 10px; }
|
||||
.comment .comment-author {
|
||||
font-weight: bold; }
|
||||
.comment .comment-author:not([href]) {
|
||||
color: #828282; }
|
||||
.comment .comment-score {
|
||||
color: #b4b4b4;
|
||||
font-weight: bold; }
|
||||
.comment .comment-time {
|
||||
color: #828282; }
|
||||
.comment .comment-body {
|
||||
max-width: 840px;
|
||||
line-height: 20px; }
|
||||
.comment .comment-body p {
|
||||
margin: 5px 0;
|
||||
line-height: 20px; }
|
||||
.comment .comment-body a:hover {
|
||||
text-decoration: none; }
|
||||
.comment .comment-links {
|
||||
margin-bottom: 6px; }
|
||||
.comment .comment-links a {
|
||||
color: #828282;
|
||||
font-weight: bold;
|
||||
font-size: 10px;
|
||||
margin-right: 4px; }
|
||||
|
||||
.comment-odd {
|
||||
background-color: #121212; }
|
||||
|
||||
.comment-even {
|
||||
background-color: #161616; }
|
||||
|
||||
#comment-info {
|
||||
margin-top: 13px;
|
||||
font-weight: bold;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px dotted #808080;
|
||||
font-size: 16px; }
|
||||
|
||||
#sort-by {
|
||||
color: #828282;
|
||||
font-size: 12px;
|
||||
margin: 5px 0 10px; }
|
||||
|
||||
#comment-info {
|
||||
color: #ca302c;
|
||||
margin-top: 10px;
|
||||
font-weight: bold;
|
||||
padding-bottom: 5px;
|
||||
border-bottom: 1px dotted #808080;
|
||||
font-size: 16px; }
|
||||
|
||||
#comment-sort {
|
||||
color: #808080;
|
||||
font-size: 12px;
|
||||
margin: 5px 0 10px; }
|
||||
|
||||
.thread {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
margin-bottom: 7px;
|
||||
border-radius: 1px;
|
||||
padding-top: 6px; }
|
||||
.thread .thumbnail {
|
||||
width: 70px;
|
||||
margin-right: 3px;
|
||||
margin-top: -2px; }
|
||||
.thread .thumbnail img {
|
||||
border-radius: 1px; }
|
||||
.thread .thumbnail-default {
|
||||
background-image: url("https://www.redditstatic.com/sprite-reddit.6Om8v6KMv28.png");
|
||||
background-position: 0px -1099px;
|
||||
background-repeat: no-repeat;
|
||||
height: 50px; }
|
||||
.thread .thumbnail-self {
|
||||
background-image: url("https://www.redditstatic.com/sprite-reddit.6Om8v6KMv28.png");
|
||||
background-position: 0px -1267px;
|
||||
background-repeat: no-repeat;
|
||||
height: 50px; }
|
||||
.thread .thumbnail-image {
|
||||
background-image: url("https://www.redditstatic.com/sprite-reddit.6Om8v6KMv28.png");
|
||||
background-position: 0px -1043px;
|
||||
background-repeat: no-repeat;
|
||||
height: 50px; }
|
||||
.thread .thumbnail-nsfw {
|
||||
background-image: url("https://www.redditstatic.com/sprite-reddit.6Om8v6KMv28.png");
|
||||
background-position: 0px -1155px;
|
||||
background-repeat: no-repeat;
|
||||
height: 50px; }
|
||||
.thread .thread-score-box {
|
||||
margin: 0 7px;
|
||||
width: 43px; }
|
||||
.thread .vote {
|
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAcCAMAAADC4sagAAABFFBMVEUjJCQiIiIjIyMkIiIkJCQlJSUlJicmJiYnIyEnJycnKCsoKCgpLC8rIyErKyssMDUvLy8wJCAwMDAxMTEyMjI0NDQ2NjY3JR83Nzc5OTk7Ozs8PDw9PT0+Pj4/Pz9AQEBBQUFCQkJDQ0NGRkZISEhKSkpKV2tLS0tMTExOTk5PT09QYHdSUlJTU1NVVVVWVlZXV1dXaINYWFhaWlpabYlbW1tecpBgYGBhYWFid5dkZGRle5xlfJ1pgKRrhKhshKlshapuLhZwirFyjbV0j7h4lL97mcZ9MBR/nsyCo9OOMxGcNQ+eNg+kNw6sOA2vOAy0OQy7Ogq/OwrBOwrDPAnLPQjPPQfTPgfbPwXjQQTrQgPzQwLKxGgxAAAAAXRSTlMAQObYZgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAVlJREFUOMu9lF1TwjAQRTcMvmeQOi1QPmxFBQTxW1ERUUFEUVRU/P//w9yGmBTFyZPnpXNmbju76W6IJM8Uw49rLa6Tz4mpq/mCqY3Gvqnj6XQ61lp0mGd8favCwx2tow8wUlpwGWOZrNJKjXO+UVc6fJcMZzV7IswSOU/qej0l0rwyq33wphhAM1kWkcy70GB7mUfUNqG9V02PyPMTMs2Wig5RaTctwzxVXyPqvJh0VkJBIKJ4huncCRAvHOEZyGKegO4a6UDrIdLGCT4C6/QDsE7fA+v0HdAadWqk0SH9D3sgXkm4uJIDYKTFnwwXd3kMrNOnwDp9BmzS5QuTshN1iDRwfkxV9VJTJXLzSWYM+NzEEjWvFE2oGvCE7/2yDeL8riWzM8xmorRazLlNI2rdgNb3ZYLF1Es/t8VE7X6/39Yqlt4tLLwhiLq3XVNLfumP24fo3Opm+wLGCVa252Y8tQAAAABJRU5ErkJggg==);
|
||||
background-repeat: no-repeat;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
width: 15px;
|
||||
height: 14px;
|
||||
cursor: pointer; }
|
||||
.thread .upvote {
|
||||
background-position: -15px 0px;
|
||||
margin-top: 2px; }
|
||||
.thread .downvote {
|
||||
background-position: -15px -14px;
|
||||
margin-top: 2px; }
|
||||
.thread .thread-score {
|
||||
color: #646464;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
text-align: center; }
|
||||
.thread .thread-content {
|
||||
flex: 1;
|
||||
float: left;
|
||||
margin-left: 3px; }
|
||||
.thread .link-flair {
|
||||
display: inline-block;
|
||||
color: #c8c8c8;
|
||||
background-color: #404040;
|
||||
margin-right: 5px;
|
||||
border: 1px solid #4d4d4d;
|
||||
border-radius: 2px;
|
||||
padding: 0 2px;
|
||||
font-size: 10px; }
|
||||
.thread .thread-title {
|
||||
color: #a6a6a6;
|
||||
margin-right: 5px; }
|
||||
.thread .thread-title:hover {
|
||||
text-decoration: none; }
|
||||
.thread .domain {
|
||||
color: #888;
|
||||
font-size: 10px; }
|
||||
.thread .thread-selftext {
|
||||
border: 1px solid #666;
|
||||
border-radius: 7px;
|
||||
margin: 5px 0 7px;
|
||||
padding: 5px 10px;
|
||||
max-width: 840px;
|
||||
color: #ddd;
|
||||
font-size: 14px; }
|
||||
.thread .thread-selftext p {
|
||||
margin: 5px 0;
|
||||
line-height: 20px; }
|
||||
.thread .thread-selftext a:hover {
|
||||
text-decoration: none; }
|
||||
.thread .thread-selftext p:first-child {
|
||||
margin-top: 0px; }
|
||||
.thread .thread-selftext p:last-child {
|
||||
margin-bottom: 0px; }
|
||||
.thread .thread-image {
|
||||
max-width: 768px;
|
||||
max-height: 768px; }
|
||||
.thread .thread-info {
|
||||
color: #828282;
|
||||
font-size: 10px;
|
||||
margin-top: 2px; }
|
||||
.thread .total-comments {
|
||||
color: #828282;
|
||||
font-size: 10px;
|
||||
margin: 4px 0; }
|
||||
.thread .grey-link, .thread .grey-link:link, .thread .grey-link:visited, .thread .grey-link:hover, .thread .grey-link:focus, .thread .grey-link:active {
|
||||
color: #828282;
|
||||
margin-right: 4px; }
|
||||
|
||||
.post-rank {
|
||||
min-width: 20px;
|
||||
color: #505050;
|
||||
font-size: 16px;
|
||||
text-align: right;
|
||||
margin: 14px 4px 0 0; }
|
||||
|
||||
.subreddit-info {
|
||||
border-bottom: 1px dotted gray;
|
||||
padding: 5px 10px;
|
||||
color: #ccc;
|
||||
font-size: 14px;
|
||||
margin-bottom: 5px; }
|
||||
.subreddit-info select {
|
||||
background: #262626;
|
||||
color: #808080;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
text-decoration: underline;
|
||||
border: 0; }
|
||||
|
||||
#pagination {
|
||||
border-top: 1px dotted gray;
|
||||
padding: 5px 10px;
|
||||
color: #ccc;
|
||||
font-size: 16px; }
|
||||
#pagination span, #pagination a {
|
||||
margin: 5px; }
|
||||
|
||||
.subreddit-box {
|
||||
margin-bottom: 15px; }
|
||||
|
||||
.subreddit-title {
|
||||
margin-left: 5px;
|
||||
font-size: 22px;
|
||||
font-weight: bold;
|
||||
color: white; }
|
||||
|
||||
.subreddit-title-link {
|
||||
margin-bottom: 15px;
|
||||
margin-left: 5px;
|
||||
font-size: 14px;
|
||||
color: white; }
|
||||
|
||||
.search-box {
|
||||
font-size: 16px; }
|
||||
.search-box .search-row {
|
||||
padding: 10px 6px 11px;
|
||||
border-bottom: 1px dotted #ccc;
|
||||
min-height: 26px; }
|
||||
.search-box .search-left {
|
||||
font-weight: bold;
|
||||
display: inline-block;
|
||||
width: 190px;
|
||||
vertical-align: middle; }
|
||||
.search-box input[type="text"] {
|
||||
font-size: 17px;
|
||||
width: 400px;
|
||||
border-radius: 2px;
|
||||
padding-left: 3px; }
|
||||
.search-box .radioButton {
|
||||
background: #8a8888;
|
||||
color: black;
|
||||
border-radius: 3px;
|
||||
display: inline-block;
|
||||
margin-right: 9px;
|
||||
transition: all 0.3s; }
|
||||
.search-box .radioButton label {
|
||||
padding: 7px 10px 7px 3px;
|
||||
display: inline-block; }
|
||||
.search-box .radioButton input {
|
||||
margin: 0 0 0 5px;
|
||||
height: 35px;
|
||||
display: inline-block;
|
||||
vertical-align: top; }
|
||||
.search-box select {
|
||||
padding: 3px;
|
||||
font-size: 15px;
|
||||
border-radius: 2px; }
|
||||
.search-box input[type="submit"] {
|
||||
margin: 16px auto 0px;
|
||||
display: block;
|
||||
padding: 9px 16px;
|
||||
font-size: 18px;
|
||||
background: #239f2b;
|
||||
border: 0;
|
||||
border-radius: 2px;
|
||||
color: white; }
|
||||
|
|
@ -1,46 +1,56 @@
|
|||
import React from 'react'
|
||||
import { connect } from '../../state'
|
||||
|
||||
export default props => (
|
||||
<div id='main'>
|
||||
<div id='main-box'>
|
||||
<h2 className='about'>About</h2>
|
||||
<p>
|
||||
const About = props => {
|
||||
document.title = 'About Removeddit'
|
||||
if (props.global.state.statusImage !== undefined) {
|
||||
props.global.clearStatus()
|
||||
}
|
||||
|
||||
return (
|
||||
<div id='main'>
|
||||
<div id='main-box'>
|
||||
<h2 className='about'>About</h2>
|
||||
<p>
|
||||
Display
|
||||
<b className='removed-text' title='Removed by mods'> removed </b>
|
||||
<b className='removed-text' title='Removed by mods'> removed </b>
|
||||
(by mods) and
|
||||
<b className='deleted-text' title='Deleted by users'> deleted </b>
|
||||
<b className='deleted-text' title='Deleted by users'> deleted </b>
|
||||
(by users) comments/threads from Reddit.
|
||||
</p>
|
||||
<p>
|
||||
<b>Usage</b>: Drag this bookmarklet
|
||||
<a className='bookmarklet' href="javascript: document.location = document.URL.replace('reddit.com','removeddit.com');">
|
||||
</p>
|
||||
<p>
|
||||
<b>Usage</b>: Drag this bookmarklet
|
||||
<a className='bookmarklet' href="javascript: document.location = document.URL.replace('reddit.com','removeddit.com');">
|
||||
Removeddit
|
||||
</a>
|
||||
</a>
|
||||
to your bookmark bar and use it to get from reddit to removeddit.
|
||||
<br /><br />
|
||||
<br /><br />
|
||||
Alternatively you can manually replace the <i>reddit</i> in the URL to <i>removeddit</i>.
|
||||
<br />
|
||||
<br />
|
||||
E.g. <a href='/r/TwoXChromosomes/comments/6z1hch/'>https://www.removeddit.com/r/TwoXChromosomes/comments/6z1hch/</a>
|
||||
</p>
|
||||
<p>
|
||||
</p>
|
||||
<p>
|
||||
Created by
|
||||
<a href='https://github.com/JubbeArt/'> Jesper Wrang </a> and uses
|
||||
<a href='https://pushshift.io/'> Jason Baumgartner </a> service for getting removed comments.
|
||||
</p>
|
||||
<h2 className='todo'>TODO</h2>
|
||||
<ul>
|
||||
<li>Collapsing comments</li>
|
||||
<li>Maybe for specific users </li>
|
||||
</ul>
|
||||
<h2 className='contact'>Links/Contact</h2>
|
||||
<p style={{ marginBottom: '8px' }}>For feedback and bug reports:</p>
|
||||
<ul>
|
||||
<li>email: removeddit (at) gmail.com</li>
|
||||
<li>reddit: <a href='https://www.reddit.com/user/Jubbeart/'>/u/JubbeArt</a></li>
|
||||
</ul>
|
||||
<p>
|
||||
<a href='https://github.com/JubbeArt/removeddit'>Code on Github.</a>
|
||||
</p>
|
||||
<a href='https://github.com/JubbeArt/'> Jesper Wrang </a> and uses
|
||||
<a href='https://pushshift.io/'> Jason Baumgartner </a> service for getting removed comments.
|
||||
</p>
|
||||
<h2 className='todo'>TODO</h2>
|
||||
<ul>
|
||||
<li>Collapsing comments</li>
|
||||
<li>Maybe for specific users </li>
|
||||
</ul>
|
||||
<h2 className='contact'>Links/Contact</h2>
|
||||
<p style={{ marginBottom: '8px' }}>For feedback and bug reports:</p>
|
||||
<ul>
|
||||
<li>email: removeddit (at) gmail.com</li>
|
||||
<li>reddit: <a href='https://www.reddit.com/user/Jubbeart/'>/u/JubbeArt</a></li>
|
||||
</ul>
|
||||
<p>
|
||||
<a href='https://github.com/JubbeArt/removeddit'>Code on Github.</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
)
|
||||
}
|
||||
|
||||
export default connect(About)
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
import React from 'react'
|
||||
|
||||
export default () => (
|
||||
<h2>404 - Not found</h2>
|
||||
<h2>404 Error - Not found</h2>
|
||||
)
|
||||
|
|
|
|||
|
|
@ -25,11 +25,13 @@ class Thread extends React.Component {
|
|||
|
||||
componentDidMount () {
|
||||
const { subreddit, threadID } = this.props.match.params
|
||||
this.props.global.setLoading('Loading comments from Pushshift...')
|
||||
|
||||
// Get thread from reddit
|
||||
getPost(subreddit, threadID)
|
||||
.then(post => {
|
||||
this.setState({ post })
|
||||
document.title = post.title
|
||||
// Fetch the thread from pushshift if it was deleted/removed
|
||||
if (isDeleted(post.selftext)) {
|
||||
getRemovedPost(threadID)
|
||||
|
|
@ -41,52 +43,52 @@ class Thread extends React.Component {
|
|||
})
|
||||
.catch(this.props.global.setError)
|
||||
|
||||
// Get comment ids from pushshift
|
||||
// Get comment ids from pushshift
|
||||
getPushshiftComments(threadID)
|
||||
.then(pushshiftComments => {
|
||||
// Extract ids from pushshift response
|
||||
const ids = pushshiftComments.map(comment => comment.id)
|
||||
|
||||
this.props.global.setLoading('Comparing comments to Reddit API...')
|
||||
// Get all the comments from reddit
|
||||
return (
|
||||
getRedditComments(ids)
|
||||
.then(redditComments => {
|
||||
const redditCommentLookup = {}
|
||||
redditComments.forEach(comment => {
|
||||
redditCommentLookup[comment.id] = comment
|
||||
})
|
||||
|
||||
pushshiftComments.forEach(comment => {
|
||||
// Replace pushshift score with reddit (its usually more accurate)
|
||||
const redditComment = redditCommentLookup[comment.id]
|
||||
if (redditComment !== undefined) {
|
||||
comment.score = redditComment.score
|
||||
}
|
||||
})
|
||||
|
||||
this.setState({ pushshiftComments })
|
||||
return redditComments
|
||||
return getRedditComments(ids)
|
||||
.then(redditComments => {
|
||||
// Temporary lookup for updating score
|
||||
const redditCommentLookup = {}
|
||||
redditComments.forEach(comment => {
|
||||
redditCommentLookup[comment.id] = comment
|
||||
})
|
||||
)
|
||||
})
|
||||
.then(redditComments => {
|
||||
const removed = []
|
||||
const deleted = []
|
||||
|
||||
// Check what as removed / deleted according to reddit
|
||||
redditComments.forEach(comment => {
|
||||
if (isRemoved(comment.body)) {
|
||||
removed.push(comment.id)
|
||||
} else if (isDeleted(comment.body)) {
|
||||
deleted.push(comment.id)
|
||||
}
|
||||
})
|
||||
// Replace pushshift score with reddit (its usually more accurate)
|
||||
pushshiftComments.forEach(comment => {
|
||||
const redditComment = redditCommentLookup[comment.id]
|
||||
if (redditComment !== undefined) {
|
||||
comment.score = redditComment.score
|
||||
}
|
||||
})
|
||||
|
||||
this.setState({
|
||||
removed,
|
||||
deleted,
|
||||
loadingComments: false
|
||||
})
|
||||
const removed = []
|
||||
const deleted = []
|
||||
|
||||
// Check what as removed / deleted according to reddit
|
||||
redditComments.forEach(comment => {
|
||||
if (isRemoved(comment.body)) {
|
||||
removed.push(comment.id)
|
||||
} else if (isDeleted(comment.body)) {
|
||||
deleted.push(comment.id)
|
||||
}
|
||||
})
|
||||
|
||||
console.log(`Pushshift: ${pushshiftComments.length} comments`)
|
||||
console.log(`Reddit: ${redditComments.length} comments`)
|
||||
|
||||
this.props.global.setSuccess()
|
||||
this.setState({
|
||||
pushshiftComments,
|
||||
removed,
|
||||
deleted,
|
||||
loadingComments: false
|
||||
})
|
||||
})
|
||||
})
|
||||
.catch(this.props.global.setError)
|
||||
}
|
||||
|
|
@ -99,7 +101,7 @@ class Thread extends React.Component {
|
|||
}
|
||||
|
||||
return (
|
||||
<div>
|
||||
<React.Fragment>
|
||||
<Post {...this.state.post} />
|
||||
{
|
||||
!this.state.loadingComments &&
|
||||
|
|
@ -118,7 +120,7 @@ class Thread extends React.Component {
|
|||
/>
|
||||
</React.Fragment>
|
||||
}
|
||||
</div>
|
||||
</React.Fragment>
|
||||
)
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
$background: #262626
|
||||
$red: #c70300
|
||||
$blue: #00007d
|
||||
$blue: #0000ff
|
||||
$link: #8cb3d9
|
||||
$author: #6a98af
|
||||
$removed: #840c09
|
||||
|
|
|
|||
Loading…
Reference in a new issue