IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add working example of importing design tokens from tokens.module.scss

Browse Source
This commit is contained in:
Maximilian Harz 2024-04-17 16:29:33 +02:00
parent ebd618070c
commit 14acbdda62
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/renderer/plugins/vuetify.ts
View File

@ -6,13 +6,15 @@ import { I18n, useI18n } from 'vue-i18n'
import { createVuetify, ThemeDefinition } from 'vuetify' import { createVuetify, ThemeDefinition } from 'vuetify'
import { createVueI18nAdapter } from 'vuetify/locale/adapters/vue-i18n' import { createVueI18nAdapter } from 'vuetify/locale/adapters/vue-i18n'
import tokens from '#assets/sass/tokens.module.scss'
const ocelotStandardLightTheme: ThemeDefinition = { const ocelotStandardLightTheme: ThemeDefinition = {
dark: false, dark: false,
colors: { colors: {
background: 'rgb(255, 255, 255)', background: 'rgb(255, 255, 255)',
surface: 'rgb(255, 255, 255)', surface: 'rgb(255, 255, 255)',
// primary: rgbToHex(23, 181, 63, '#'), // primary: rgbToHex(23, 181, 63, '#'),
primary: 'rgb(23, 181, 63)', primary: tokens.primaryColor,
// 'primary-darken-1': rgbToHex(25, 122, 49, '#'), // 'primary-darken-1': rgbToHex(25, 122, 49, '#'),
'primary-darken-1': 'rgb(25, 122, 49)', 'primary-darken-1': 'rgb(25, 122, 49)',
secondary: 'rgb(0, 142, 230)', secondary: 'rgb(0, 142, 230)',

5
frontend/src/assets/sass/tokens.module.scss Normal file
View File

@ -0,0 +1,5 @@
$primary-color: rgba(20,20,20,10%);
:export {
primaryColor: $primary-color
}