self-hosted/focalboard
1
0
Fork 0
mirror of https://github.com/mattermost/focalboard.git synced 2024-12-12 09:04:14 +02:00
Code Issues Releases Activity

Merge pull request #2203 from jespino/changing-css-variable

Browse Source 
Changing active-border to active-border-rgb in the css variables
This commit is contained in:
Michel Engelen 2022-02-01 09:17:26 +01:00 committed by GitHub
commit 9349f47e03
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
webapp/src/components/sidebar/sidebarBoardItem.scss
View File

@ -26,7 +26,7 @@
&:not(.subitem) { &:not(.subitem) {
&::before { &::before {
content: ''; content: '';
background: var(--sidebar-text-active-border); background: rgb(var(--sidebar-text-active-border-rgb));
width: 2px; width: 2px;
height: 100%; height: 100%;
position: absolute; position: absolute;

10
webapp/src/theme.ts
View File

@ -47,7 +47,7 @@ export const defaultTheme = {
buttonFg: '255, 255, 255', buttonFg: '255, 255, 255',
sidebarBg: '30, 50, 92', sidebarBg: '30, 50, 92',
sidebarFg: '255, 255, 255', sidebarFg: '255, 255, 255',
sidebarTextActiveBorder: '#5d89ea', sidebarTextActiveBorder: '93, 137, 243',
sidebarWhiteLogo: 'true', sidebarWhiteLogo: 'true',
link: '#0000ee', link: '#0000ee',
@ -76,7 +76,7 @@ export const darkTheme = {
buttonFg: '255, 255, 255', buttonFg: '255, 255, 255',
sidebarBg: '75, 73, 67', sidebarBg: '75, 73, 67',
sidebarFg: '255, 255, 255', sidebarFg: '255, 255, 255',
sidebarTextActiveBorder: '#66b9a7', sidebarTextActiveBorder: '102, 185, 167',
sidebarWhiteLogo: 'true', sidebarWhiteLogo: 'true',
link: '#0090ff', link: '#0090ff',
@ -105,7 +105,7 @@ export const lightTheme = {
buttonFg: '255, 255, 255', buttonFg: '255, 255, 255',
sidebarBg: '247, 246, 243', sidebarBg: '247, 246, 243',
sidebarFg: '55, 53, 47', sidebarFg: '55, 53, 47',
sidebarTextActiveBorder: '#579eff', sidebarTextActiveBorder: '87, 158, 255',
sidebarWhiteLogo: 'false', sidebarWhiteLogo: 'false',
} }
@ -132,7 +132,7 @@ export function setTheme(theme: Theme | null): Theme {
document.documentElement.style.setProperty('--sidebar-bg-rgb', consolidatedTheme.sidebarBg) document.documentElement.style.setProperty('--sidebar-bg-rgb', consolidatedTheme.sidebarBg)
document.documentElement.style.setProperty('--sidebar-text-rgb', consolidatedTheme.sidebarFg) document.documentElement.style.setProperty('--sidebar-text-rgb', consolidatedTheme.sidebarFg)
document.documentElement.style.setProperty('--link-color-rgb', consolidatedTheme.link) document.documentElement.style.setProperty('--link-color-rgb', consolidatedTheme.link)
document.documentElement.style.setProperty('--sidebar-text-active-border', consolidatedTheme.sidebarTextActiveBorder) document.documentElement.style.setProperty('--sidebar-text-active-border-rgb', consolidatedTheme.sidebarTextActiveBorder)
} }
document.documentElement.style.setProperty('--sidebar-white-logo', consolidatedTheme.sidebarWhiteLogo) document.documentElement.style.setProperty('--sidebar-white-logo', consolidatedTheme.sidebarWhiteLogo)
@ -183,7 +183,7 @@ export function setMattermostTheme(theme: any): Theme {
document.documentElement.style.setProperty('--sidebar-bg-rgb', color(theme.sidebarBg).rgb().array().join(', ')) document.documentElement.style.setProperty('--sidebar-bg-rgb', color(theme.sidebarBg).rgb().array().join(', '))
document.documentElement.style.setProperty('--sidebar-text-rgb', color(theme.sidebarText).rgb().array().join(', ')) document.documentElement.style.setProperty('--sidebar-text-rgb', color(theme.sidebarText).rgb().array().join(', '))
document.documentElement.style.setProperty('--link-color-rgb', theme.linkColor) document.documentElement.style.setProperty('--link-color-rgb', theme.linkColor)
document.documentElement.style.setProperty('--sidebar-text-active-border', color(theme.sidebarTextActiveBorder).rgb().array().join(', ')) document.documentElement.style.setProperty('--sidebar-text-active-border-rgb', color(theme.sidebarTextActiveBorder).rgb().array().join(', '))
return setTheme({ return setTheme({
...defaultTheme, ...defaultTheme,