jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

css: tweak dark mode styles.

Browse Source 
* Adjust platinum user color.
* Change alert notices to grey with blue border.
* Add padding to text <input> elements so that the text isn't right next
  to the edge.
This commit is contained in:
evazion
2019-09-19 12:55:52 -05:00
parent 81f862a498
commit 828b225dac
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
app/javascript/src/styles/base/020_base.scss
View File

@@ -60,6 +60,7 @@ input, select, textarea {
background: var(--form-input-background); background: var(--form-input-background);
border: var(--form-input-border); border: var(--form-input-border);
color: var(--form-input-text-color); color: var(--form-input-text-color);
padding-left: 0.25em;
} }
input[type="button"], input[type="submit"], button { input[type="button"], input[type="submit"], button {

8
app/javascript/src/styles/base/040_colors.css
View File

@@ -294,7 +294,7 @@ body[data-user-theme="dark"] {
--user-member-color: var(--blue-1); --user-member-color: var(--blue-1);
--user-gold-color: var(--yellow-1); --user-gold-color: var(--yellow-1);
--user-platinum-color: var(--grey-5); --user-platinum-color: var(--grey-4);
--user-builder-color: var(--purple-1); --user-builder-color: var(--purple-1);
--user-moderator-color: var(--green-1); --user-moderator-color: var(--green-1);
--user-admin-color: var(--red-1); --user-admin-color: var(--red-1);
@@ -351,7 +351,7 @@ body[data-user-theme="dark"] {
--jquery-ui-state-error-border: 1px solid var(--grey-4); --jquery-ui-state-error-border: 1px solid var(--grey-4);
--jquery-ui-state-error-text-color: var(--text-color); --jquery-ui-state-error-text-color: var(--text-color);
--jquery-ui-state-highlight-background: var(--grey-3); --jquery-ui-state-highlight-background: var(--grey-3);
--jquery-ui-state-highlight-border: 1px solid var(--grey-4); --jquery-ui-state-highlight-border: 1px solid var(--blue-1);
--jquery-ui-state-highlight-text-color: var(--text-color); --jquery-ui-state-highlight-text-color: var(--text-color);
--keyboard-shortcut-color: var(--text-color); --keyboard-shortcut-color: var(--text-color);
@@ -378,8 +378,8 @@ body[data-user-theme="dark"] {
--note-tn-color: var(--muted-text-color); --note-tn-color: var(--muted-text-color);
--notice-text-color: var(--grey-5); --notice-text-color: var(--grey-5);
--notice-background: var(--indigo-0); --notice-background: var(--grey-3);
--notice-border: 1px solid var(--grey-3); --notice-border: 1px solid var(--blue-1);
--paginator-arrow-background-color: white; --paginator-arrow-background-color: white;
--paginator-arrow-color: var(--link-color); --paginator-arrow-color: var(--link-color);