self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2025-11-23 22:36:32 +02:00
Code Issues Releases Activity

Desktop: Fixes #13707: Fix text contrast issues with Aritim, Dracula, and Nord themes (#13740)

Browse Source
This commit is contained in:
bwat47
2025-11-21 14:24:18 -05:00
committed by GitHub
parent bf571c5961
commit d8920840f2
3 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/lib/themes/aritimDark.ts
View File

@@ -8,22 +8,22 @@ const theme: Theme = {
backgroundColorTransparent: 'rgba(16, 21, 26, 0.9)', //
oddBackgroundColor: '#141a21',
color: '#d3dae3', // For regular text (everything except notebooks)
colorError: '#9a2f2f',
colorError: '#4a2608',
colorWarn: '#d66500',
colorFaded: '#666a73', // For less important text (e.g. not selected menu in settings)
dividerColor: '#141a21', // Borders, I wish I could remove them
selectedColor: '#2b5278', // Selected note
urlColor: '#356693', // Links to external sites (e.g. in settings)
urlColor: '#5a95c5', // Links to external sites (e.g. in settings)
backgroundColor2: '#141a21', // Notebooks main background
color2: '#d3dae3', // Notebook sidebar text color
selectedColor2: '#10151a', // Selected notebook (or settings icon in settings)
colorError2: '#9a2f2f',
colorError2: '#4a2608',
raisedBackgroundColor: '#2b5278', // Table, hover
raisedColor: '#141a21',
warningBackgroundColor: '#9a2f2f', // Info / Warning boxes bg color
warningBackgroundColor: '#4a2608', // Info / Warning boxes bg color
tableBackgroundColor: '#141a21', // Table (even) background color
codeBackgroundColor: '#141a21', // Single line code bg

4
packages/lib/themes/dracula.ts
View File

@@ -9,7 +9,7 @@ const theme: Theme = {
oddBackgroundColor: '#282a36',
color: '#f8f8f2', // For regular text
colorError: '#ff5555',
colorWarn: '#ffb86c',
colorWarn: '#a65a2e',
colorFaded: '#6272a4', // For less important text;
dividerColor: '#bd93f9',
selectedColor: '#44475a',
@@ -23,7 +23,7 @@ const theme: Theme = {
raisedBackgroundColor: '#44475a',
raisedColor: '#bd93f9',
warningBackgroundColor: '#ffb86c',
warningBackgroundColor: '#a65a2e',
tableBackgroundColor: '#6272a4',
codeBackgroundColor: '#44475a',

7
packages/lib/themes/nord.ts
View File

@@ -1,7 +1,7 @@
import { Theme } from './type';
import theme_dark from './dark';
const nord = ['#2e3440', '#3b4252', '#434c5e', '#4c566a', '#d8dee9', '#e5e9f0', '#eceff4', '#8fbcbb', '#88c0d0', '#81a1c1', '#5e81ac', '#bf616a', '#d08770', '#ebcb8b', '#a3be8c', '#b48ead'];
const nord = ['#2e3440', '#3b4252', '#434c5e', '#4c566a', '#d8dee9', '#e5e9f0', '#eceff4', '#8fbcbb', '#88c0d0', '#81a1c1', '#5e81ac', '#bf616a', '#d08770', '#ebcb8b', '#a3be8c', '#b48ead', '#8f503b'];
// DOCUMENTATION of Nord as of Oct 3
// 0 #2e3440 : Base component color of "Polar Night".
@@ -46,6 +46,9 @@ const nord = ['#2e3440', '#3b4252', '#434c5e', '#4c566a', '#d8dee9', '#e5e9f0',
// 15 #b48ead : Colorful component color.
// Used for numbers.
// 2e3440 === rbga(46, 52, 64, 1)
// 16 #8f503b : Colorful component color.
// Darkened version of nord[12] to avoid white text on light background.
// Used for warning backgrounds.
const theme: Theme = {
...theme_dark,
@@ -69,7 +72,7 @@ const theme: Theme = {
raisedBackgroundColor: nord[2],
raisedColor: nord[7],
warningBackgroundColor: nord[13],
warningBackgroundColor: nord[16],
tableBackgroundColor: nord[0],
codeBackgroundColor: nord[0],