Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-06 22:40:14 -05:00
Code Issues Activity

Updated dark mode styles

Browse source
This commit is contained in:
Peter Zimon 2022-07-05 16:26:36 +02:00
parent 0390995d76
commit 870639db94
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
apps/comments-ui/src/components/CommentsBox.js
View file

@ -31,8 +31,9 @@ class CommentsBox extends React.Component {
}
darkMode() {
const bodyColor = getComputedStyle(document.querySelector('body')).getPropertyValue('color');
const colorsOnly = bodyColor.substring(bodyColor.indexOf('(') + 1, bodyColor.lastIndexOf(')')).split(/,\s*/);
const containerColor = getComputedStyle(document.querySelector('#ghost-comments-root').parentNode).getPropertyValue('color');
const colorsOnly = containerColor.substring(containerColor.indexOf('(') + 1, containerColor.lastIndexOf(')')).split(/,\s*/);
const red = colorsOnly[0];
const green = colorsOnly[1];
const blue = colorsOnly[2];

2
apps/comments-ui/src/components/Form.js
View file

@ -72,7 +72,7 @@ class Form extends React.Component {
</figure>
<div className="w-full">
<textarea className="w-full resize-none rounded-md border h-24 p-3 font-sans mb-1 dark:bg-[rgba(255,255,255,0.08)] dark:border-none" value={this.state.message} onChange={this.handleChange} placeholder="Join the conversation" />
<button type="submit" className="w-full rounded-md border p-3 font-sans text-sm text-center bg-black font-bold text-white dark:bg-[rgba(255,255,255,0.8)] dark:text-neutral-800">Add your comment</button>
<button type="submit" className="w-full rounded-md border p-3 py-2.5 font-sans text-sm text-center bg-black font-semibold text-white dark:bg-[rgba(255,255,255,0.8)] dark:text-neutral-800">Add your comment</button>
</div>
</div>
</form>