eduardo
/
katoikia-app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

modificación de nuevo tema (colores)

This commit is contained in:
Mariela 2022-07-21 00:43:41 -06:00
parent 40c451bece
commit 752819f1c1
3 changed files with 7171 additions and 42 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7119
web-ui/web-react/public/assets/themes/khaki/theme.css Normal file
View File

File diff suppressed because it is too large Load Diff

2
web-ui/web-react/public/index.html
View File

@ -9,7 +9,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="icon" type="image/x-icon" href="%PUBLIC_URL%/favicon.ico" /> <link rel="icon" type="image/x-icon" href="%PUBLIC_URL%/favicon.ico" />
<link id="theme-link" rel="stylesheet" href="%PUBLIC_URL%/assets/themes/lara-light-indigo/theme.css"> <link id="theme-link" rel="stylesheet" href="%PUBLIC_URL%/assets/themes/khaki/theme.css">
</head> </head>
<body> <body>

12
web-ui/web-react/src/AppConfig.js
View File

@ -9,7 +9,7 @@ export const AppConfig = (props) => {
const [active, setActive] = useState(false); const [active, setActive] = useState(false);
const [scale, setScale] = useState(14); const [scale, setScale] = useState(14);
const [scales] = useState([12, 13, 14, 15, 16]); const [scales] = useState([12, 13, 14, 15, 16]);
const [theme, setTheme] = useState('lara-light-indigo'); const [theme, setTheme] = useState('khaki');
const config = useRef(null); const config = useRef(null);
let outsideClickListener = useRef(null); let outsideClickListener = useRef(null);
@ -187,6 +187,11 @@ export const AppConfig = (props) => {
<h6>Material Design</h6> <h6>Material Design</h6>
<div className="grid free-themes"> <div className="grid free-themes">
<div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'md-light-indigo', 'light')}>
<img src="assets/layout/images/themes/md-light-indigo.svg" alt="Material Light Indigo" />
</button>
</div>
<div className="col-3 text-center"> <div className="col-3 text-center">
<button className="p-link" onClick={e => changeTheme(e, 'md-light-indigo', 'light')}> <button className="p-link" onClick={e => changeTheme(e, 'md-light-indigo', 'light')}>
<img src="assets/layout/images/themes/md-light-indigo.svg" alt="Material Light Indigo" /> <img src="assets/layout/images/themes/md-light-indigo.svg" alt="Material Light Indigo" />
@ -253,6 +258,11 @@ export const AppConfig = (props) => {
<h6>PrimeOne Design - 2022</h6> <h6>PrimeOne Design - 2022</h6>
<div className="grid free-themes"> <div className="grid free-themes">
<div className="col-3 text-center">
<button className="p-link" onClick={(e) => changeTheme(e, 'khaki', 'light')}>
<img src="assets/layout/images/themes/lara-light-indigo.png" alt="Khaki" />
</button>
</div>
<div className="col-3 text-center"> <div className="col-3 text-center">
<button className="p-link" onClick={(e) => changeTheme(e, 'lara-light-indigo', 'light')}> <button className="p-link" onClick={(e) => changeTheme(e, 'lara-light-indigo', 'light')}>
<img src="assets/layout/images/themes/lara-light-indigo.png" alt="Lara Light Indigo" /> <img src="assets/layout/images/themes/lara-light-indigo.png" alt="Lara Light Indigo" />