mirror of
https://github.com/fmhy/edit.git
synced 2026-01-10 18:36:17 +00:00
* Add files for christmas theme, theme handler, feedback revamp and cattpuccin theme * Add files via upload * update image on home page * add tree logo for faster loading * change link to raw github
162 lines
4.2 KiB
TypeScript
162 lines
4.2 KiB
TypeScript
/**
|
|
* Copyright (c) 2025 taskylizard. Apache License 2.0.
|
|
*
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
*/
|
|
|
|
import type { Theme } from '../types'
|
|
|
|
export const catppuccinTheme: Theme = {
|
|
name: 'catppuccin',
|
|
displayName: 'Catppuccin',
|
|
preview: 'https://raw.githubusercontent.com/catppuccin/catppuccin/main/assets/logos/exports/1544x1544_circle.png',
|
|
modes: {
|
|
light: {
|
|
brand: {
|
|
1: '#8b5cf6',
|
|
2: '#7c3aed',
|
|
3: '#5b21b6',
|
|
soft: '#a78bfa'
|
|
},
|
|
bg: '#ffffff',
|
|
bgAlt: '#f9fafb',
|
|
bgElv: 'rgba(255, 255, 255, 0.7)',
|
|
bgMark: 'rgb(232, 232, 232)',
|
|
text: {
|
|
1: '#1f2937',
|
|
2: '#4b5563',
|
|
3: '#6b7280'
|
|
},
|
|
button: {
|
|
brand: {
|
|
bg: '#8b5cf6',
|
|
border: '#a78bfa',
|
|
text: 'rgba(42, 40, 47)',
|
|
hoverBorder: '#a78bfa',
|
|
hoverText: 'rgba(42, 40, 47)',
|
|
hoverBg: '#a78bfa',
|
|
activeBorder: '#a78bfa',
|
|
activeText: 'rgba(42, 40, 47)',
|
|
activeBg: '#8b5cf6'
|
|
},
|
|
alt: {
|
|
bg: '#484848',
|
|
text: '#f0eeee',
|
|
hoverBg: '#484848',
|
|
hoverText: '#f0eeee'
|
|
}
|
|
},
|
|
customBlock: {
|
|
info: {
|
|
bg: '#ede9fe',
|
|
border: '#5b21b6',
|
|
text: '#5b21b6',
|
|
textDeep: '#4c1d95'
|
|
},
|
|
tip: {
|
|
bg: '#d1fae5',
|
|
border: '#065f46',
|
|
text: '#065f46',
|
|
textDeep: '#064e3b'
|
|
},
|
|
warning: {
|
|
bg: '#fef3c7',
|
|
border: '#92400e',
|
|
text: '#92400e',
|
|
textDeep: '#78350f'
|
|
},
|
|
danger: {
|
|
bg: '#ffe4e6',
|
|
border: '#9f1239',
|
|
text: '#9f1239',
|
|
textDeep: '#881337'
|
|
}
|
|
},
|
|
selection: {
|
|
bg: '#5586a6'
|
|
},
|
|
home: {
|
|
heroNameColor: 'transparent',
|
|
heroNameBackground: '-webkit-linear-gradient(120deg, #c4b5fd 30%, #7bc5e4)',
|
|
heroImageBackground: 'linear-gradient(-45deg, #c4b5fd 50%, #47caff 50%)',
|
|
heroImageFilter: 'blur(44px)'
|
|
}
|
|
},
|
|
dark: {
|
|
brand: {
|
|
1: '#a78bfa',
|
|
2: '#8b5cf6',
|
|
3: '#6d28d9',
|
|
soft: '#c4b5fd'
|
|
},
|
|
bg: 'rgb(26, 26, 26)',
|
|
bgAlt: 'rgb(23, 23, 23)',
|
|
bgElv: 'rgba(23, 23, 23, 0.8)',
|
|
button: {
|
|
brand: {
|
|
bg: '#a78bfa',
|
|
border: '#c4b5fd',
|
|
text: 'rgba(42, 40, 47)',
|
|
hoverBorder: '#c4b5fd',
|
|
hoverText: 'rgba(42, 40, 47)',
|
|
hoverBg: '#c4b5fd',
|
|
activeBorder: '#c4b5fd',
|
|
activeText: 'rgba(42, 40, 47)',
|
|
activeBg: '#a78bfa'
|
|
},
|
|
alt: {
|
|
bg: '#484848',
|
|
text: '#f0eeee',
|
|
hoverBg: '#484848',
|
|
hoverText: '#f0eeee'
|
|
}
|
|
},
|
|
customBlock: {
|
|
info: {
|
|
bg: '#2e1065',
|
|
border: '#5b21b6',
|
|
text: '#ddd6fe',
|
|
textDeep: '#ddd6fe'
|
|
},
|
|
tip: {
|
|
bg: '#022c22',
|
|
border: '#065f46',
|
|
text: '#a7f3d0',
|
|
textDeep: '#a7f3d0'
|
|
},
|
|
warning: {
|
|
bg: '#451a03',
|
|
border: '#92400e',
|
|
text: '#fef08a',
|
|
textDeep: '#fef08a'
|
|
},
|
|
danger: {
|
|
bg: '#4c0519',
|
|
border: '#9f1239',
|
|
text: '#fecdd3',
|
|
textDeep: '#fecdd3'
|
|
}
|
|
},
|
|
selection: {
|
|
bg: '#0f2c47'
|
|
},
|
|
home: {
|
|
heroNameColor: 'transparent',
|
|
heroNameBackground: '-webkit-linear-gradient(120deg, #c4b5fd 30%, #7bc5e4)',
|
|
heroImageBackground: 'linear-gradient(-45deg, #c4b5fd 50%, #47caff 50%)',
|
|
heroImageFilter: 'blur(44px)'
|
|
}
|
|
}
|
|
}
|
|
}
|