How do I edit the background colour of the app? I want it to be a different colour than the colour it comes with.
@Hibaq_A - by app do you mean the one generated with vectara-answer?
Yes the Vectara-answer
Hibaq Abdi
MSW, RSW, BSW, OCGC(MKM), BA(MIT)
aamir
November 6, 2023, 5:43am
4
@Hibaq_A
Assuming that you started from vectara-answer repo, the colors are defined here. You can change them as your liking:
// Semantic colors
$colorAccent: #551edf !default;
$colorPrimary: rgb(38, 76, 214) !default;
$colorSuccess: #04821f !default;
$colorWarning: #965a15 !default;
$colorDanger: #c41535 !default;
// Semantic shades
$colorAccentLightShade: #eadfff !default;
$colorPrimaryLightShade: rgb(217, 226, 255) !default;
$colorSuccessLightShade: #e9f2e9 !default;
$colorWarningLightShade: #f4eee8 !default;
$colorDangerLightShade: #fae9eb !default;
// Neutral colors
$colorEmptyShade: #ffffff !default;
$colorLightShade: #f3f7fb !default;
$colorMediumShade: #cbcdde !default;
$colorDarkShade: #69707d !default;
$colorDarkerShade: #2c313a !default;
This file has been truncated. show original
Thank you so much! Last question, I want to install an accessibility feature in my Vectara Answers app, where do I put this code?
aamir
November 7, 2023, 6:03am
6
Adding accessibility to an app is quite a wholesome task. vectara-answer is a React App which makes it easier to follow some guidelines.
You can use this online tutorial to get started.