From 5a5b344b54beea0e8bc1345bc4d52b6137d501c8 Mon Sep 17 00:00:00 2001 From: SuBroXz11 Date: Tue, 19 May 2026 14:01:30 +0545 Subject: [PATCH] feat: add AsterMono font via @arcab-aster/aster-fonts npm package --- app/javascript/application.js | 1 + app/javascript/application.scss | 20 ++++++++++-------- app/javascript/form.js | 1 + app/javascript/form.scss | 17 +++++++++------- package.json | 1 + tailwind.config.js | 36 ++++++++++++++++++++------------- yarn.lock | 5 +++++ 7 files changed, 52 insertions(+), 29 deletions(-) diff --git a/app/javascript/application.js b/app/javascript/application.js index 311b1612..b957b519 100644 --- a/app/javascript/application.js +++ b/app/javascript/application.js @@ -1,3 +1,4 @@ +import "@arcab-aster/aster-fonts/index.css" import '@hotwired/turbo' import { encodeMethodIntoRequestBody } from '@hotwired/turbo-rails/app/javascript/turbo/fetch_requests' diff --git a/app/javascript/application.scss b/app/javascript/application.scss index fd02cecf..3dd4651e 100644 --- a/app/javascript/application.scss +++ b/app/javascript/application.scss @@ -5,10 +5,10 @@ @import "tailwindcss/utilities"; a[href], -input[type='checkbox'], -input[type='submit'], -input[type='image'], -input[type='radio'], +input[type="checkbox"], +input[type="submit"], +input[type="image"], +input[type="radio"], label[for], select, button { @@ -19,7 +19,8 @@ button .disabled { display: none; } -button[disabled] .disabled, button.btn-disabled .disabled { +button[disabled] .disabled, +button.btn-disabled .disabled { display: initial; } @@ -27,7 +28,8 @@ button .enabled { display: initial; } -button[disabled] .enabled, button.btn-disabled .enabled { +button[disabled] .enabled, +button.btn-disabled .enabled { display: none; } @@ -117,7 +119,8 @@ button[disabled] .enabled, button.btn-disabled .enabled { .autocomplete { background: white; z-index: 1000; - font: 16px/25px "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; + font: 16px/25px "-apple-system", BlinkMacSystemFont, "Segoe UI", Roboto, + "Helvetica Neue", Arial, sans-serif; overflow: auto; box-sizing: border-box; @apply border border-base-300 mt-1 rounded-md; @@ -153,7 +156,8 @@ button[disabled] .enabled, button.btn-disabled .enabled { } .font-courier { - font-family: "Courier New", Consolas, "Liberation Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco; + font-family: "Courier New", Consolas, "Liberation Mono", monospace, + ui-monospace, SFMono-Regular, Menlo, Monaco; } markdown-editor [contenteditable] p { diff --git a/app/javascript/form.js b/app/javascript/form.js index 75158250..8b22fcef 100644 --- a/app/javascript/form.js +++ b/app/javascript/form.js @@ -1,3 +1,4 @@ +import "@arcab-aster/aster-fonts/index.css" import { createApp, reactive } from 'vue' import Form from './submission_form/form' diff --git a/app/javascript/form.scss b/app/javascript/form.scss index 92fc6f6a..33c65a63 100644 --- a/app/javascript/form.scss +++ b/app/javascript/form.scss @@ -5,10 +5,10 @@ @import "tailwindcss/utilities"; a[href], -input[type='checkbox'], -input[type='submit'], -input[type='image'], -input[type='radio'], +input[type="checkbox"], +input[type="submit"], +input[type="image"], +input[type="radio"], label[for], select, button { @@ -19,7 +19,8 @@ button .disabled { display: none; } -button[disabled] .disabled, button.btn-disabled .disabled { +button[disabled] .disabled, +button.btn-disabled .disabled { display: initial; } @@ -27,7 +28,8 @@ button .enabled { display: initial; } -button[disabled] .enabled, button.btn-disabled .enabled { +button[disabled] .enabled, +button.btn-disabled .enabled { display: none; } @@ -76,5 +78,6 @@ button[disabled] .enabled, button.btn-disabled .enabled { } .font-courier { - font-family: "Courier New", Consolas, "Liberation Mono", monospace, ui-monospace, SFMono-Regular, Menlo, Monaco; + font-family: "Courier New", Consolas, "Liberation Mono", monospace, + ui-monospace, SFMono-Regular, Menlo, Monaco; } diff --git a/package.json b/package.json index 24f3130e..b8ffacdb 100644 --- a/package.json +++ b/package.json @@ -2,6 +2,7 @@ "name": "docuseal", "private": true, "dependencies": { + "@arcab-aster/aster-fonts": "^1.0.4", "@babel/core": "7.21.8", "@babel/plugin-transform-runtime": "7.21.4", "@babel/preset-env": "7.21.5", diff --git a/tailwind.config.js b/tailwind.config.js index d5ffed76..79cfd89d 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,23 +1,31 @@ module.exports = { - plugins: [require("daisyui")], + plugins: [require('daisyui')], + theme: { + extend: { + fontFamily: { + mono: ['AsterMono', 'monospace'], + sans: ['AsterMono', 'sans-serif'], + }, + }, + }, daisyui: { themes: [ { arcab: { - "color-scheme": "light", - primary: "#000fff", - secondary: "#ef9fbc", - accent: "#eeaf3a", - neutral: "#000fff", - "base-100": "#faf7f5", - "base-200": "#efeae6", - "base-300": "#e7e2df", - "base-content": "#291334", - "--rounded-btn": "1.9rem", - "--tab-border": "2px", - "--tab-radius": ".5rem", + 'color-scheme': 'light', + primary: '#000fff', + secondary: '#ef9fbc', + accent: '#eeaf3a', + neutral: '#000fff', + 'base-100': '#faf7f5', + 'base-200': '#efeae6', + 'base-300': '#e7e2df', + 'base-content': '#291334', + '--rounded-btn': '1.9rem', + '--tab-border': '2px', + '--tab-radius': '.5rem', }, }, ], }, -}; +} diff --git a/yarn.lock b/yarn.lock index 71b9ddda..f2ceb184 100644 --- a/yarn.lock +++ b/yarn.lock @@ -15,6 +15,11 @@ "@jridgewell/gen-mapping" "^0.3.0" "@jridgewell/trace-mapping" "^0.3.9" +"@arcab-aster/aster-fonts@^1.0.4": + version "1.0.4" + resolved "https://registry.yarnpkg.com/@arcab-aster/aster-fonts/-/aster-fonts-1.0.4.tgz#d01b18e5279be3f8b652d23c20bfa57e08a2bc88" + integrity sha512-e40cQWUGtGGz1+qsTfdQiccqjTlz/p5mStl0hwr9ihJHAYQshdLi17v1VUqsVDXTi+v53UWDSWsApPvfmOXndQ== + "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.18.6", "@babel/code-frame@^7.21.4": version "7.21.4" resolved "https://registry.yarnpkg.com/@babel/code-frame/-/code-frame-7.21.4.tgz#d0fa9e4413aca81f2b23b9442797bda1826edb39"