smedmunds/home-page
Archived
1
0
Fork 0
Code Releases 2 Activity

new theme and css updates

Browse Source
This commit is contained in:
Sean Edmunds
2021-12-18 04:40:11 +00:00
parent 61d79fe4b2
commit 1ff9625150
5 changed files with 34 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
node_modules/.cache/.eslintcache generated vendored
View File

File diff suppressed because one or more lines are too long

2
package.json
View File

@@ -2,7 +2,7 @@
"name": "home-page", "name": "home-page",
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"homepage": ".", "homepage": "https://home.halfaperture.com/sui",
"dependencies": { "dependencies": {
"@testing-library/jest-dom": "^5.16.1", "@testing-library/jest-dom": "^5.16.1",
"@testing-library/react": "^11.2.7", "@testing-library/react": "^11.2.7",

9
src/index.css
View File

@@ -114,7 +114,7 @@ a:hover #app-address{
outline: none; outline: none;
color: var(--color-text-acc); color: var(--color-text-acc);
font-style: normal; font-style: normal;
font-weight: 200; font-weight: 500;
font-size: 1.2em; font-size: 1.2em;
letter-spacing: .2em; letter-spacing: .2em;
width:100%; width:100%;
@@ -273,6 +273,7 @@ table a{
#greeting_block { #greeting_block {
display: grid; display: grid;
width: 100%; width: 100%;
color: var(--color-text-acc);
} }
#date_block { #date_block {
@@ -808,6 +809,12 @@ table a{
color: #EFF1FC; color: #EFF1FC;
} }
.theme-synth {
background-color: #2B2C56;
border: 4px solid #ff75e6;
color: #03c6fc;
}
.theme-chalk{ .theme-chalk{
background-color: #263238; background-color: #263238;
border: 4px solid #FF869A; border: 4px solid #FF869A;

18
src/index.js
View File

@@ -259,7 +259,7 @@ function SettingsButton() {
setDisplayedItems(); setDisplayedItems();
return ( return (
<div id="modal_init"> <div id="modal_init">
<Link to="/settings"> <Link to="/sui/settings">
<span className="iconify icon" data-icon="mdi-xbox-controller-menu"></span> <span className="iconify icon" data-icon="mdi-xbox-controller-menu"></span>
</Link> </Link>
</div> </div>
@@ -274,11 +274,11 @@ function Settings() {
<div id="settings-nav"> <div id="settings-nav">
<h1>Settings</h1> <h1>Settings</h1>
<nav id="nav_item"> <nav id="nav_item">
<Link id='peronsalization' to="/settings/personalization">Personalization</Link> <Link id='peronsalization' to="/sui/settings/personalization">Personalization</Link>
<Link id='applications' to="/settings/apps">Applications</Link> <Link id='applications' to="/sui/settings/apps">Applications</Link>
<Link id='bookmarks' to="/settings/bookmarks">Bookmarks</Link> <Link id='bookmarks' to="/sui/settings/bookmarks">Bookmarks</Link>
<Link id='themes' to="/settings/themes">Themes</Link> <Link id='themes' to="/sui/settings/themes">Themes</Link>
<Link id='providers' to="/settings/providers">Search Providers</Link> <Link id='providers' to="/sui/settings/providers">Search Providers</Link>
</nav> </nav>
<nav id="nav_item"> <nav id="nav_item">
<header id="modal-footer"> <header id="modal-footer">
@@ -286,7 +286,7 @@ function Settings() {
checked = {isChecked} checked = {isChecked}
/> />
</header> </header>
<Link to="/">Back Home</Link> <Link to="/sui">Back Home</Link>
</nav> </nav>
</div> </div>
<Outlet /> <Outlet />
@@ -557,8 +557,8 @@ function ProvidersDetails(props) {
ReactDOM.render( ReactDOM.render(
<BrowserRouter> <BrowserRouter>
<Routes> <Routes>
<Route path="/" element={<App />} /> <Route path="/sui" element={<App />} />
<Route path="/settings" element={<Settings />}> <Route path="/sui/settings" element={<Settings />}>
<Route path="personalization" element={<PersonalizationSettings />}/> <Route path="personalization" element={<PersonalizationSettings />}/>
<Route path="apps" element={<ApplicationSettings />}/> <Route path="apps" element={<ApplicationSettings />}/>
<Route path="bookmarks" element={<BookmarksSettings />}/> <Route path="bookmarks" element={<BookmarksSettings />}/>

17
src/themes.json
View File

@@ -81,6 +81,15 @@
"colortextacc": "#6677EB", "colortextacc": "#6677EB",
"colorborder": "#6677EB" "colorborder": "#6677EB"
}, },
{
"name": "synth",
"imagebackground": "none",
"colorbackground": "#2B2C56",
"colorserachbackground": "#EFF1FC20",
"colortextpri": "#03c6fc",
"colortextacc": "#ff75e6",
"colorborder": "#6677EB"
},
{ {
"name": "passion", "name": "passion",
"imagebackground": "none", "imagebackground": "none",
@@ -119,7 +128,7 @@
}, },
{ {
"name": "quadra", "name": "quadra",
"imagebackground": "url('./images/quadra.jpg')", "imagebackground": "url('./sui/images/quadra.jpg')",
"colorbackground": "#01011550", "colorbackground": "#01011550",
"colorserachbackground": "#FF2A6D59", "colorserachbackground": "#FF2A6D59",
"colortextpri": "#FF2A6DBF", "colortextpri": "#FF2A6DBF",
@@ -128,7 +137,7 @@
}, },
{ {
"name": "panam", "name": "panam",
"imagebackground": "url('./images/panam.png')", "imagebackground": "url('./sui/images/panam.png')",
"colorbackground": "#010115BF", "colorbackground": "#010115BF",
"colorserachbackground": "#FF2A6D59", "colorserachbackground": "#FF2A6D59",
"colortextpri": "#FF2A6D", "colortextpri": "#FF2A6D",
@@ -137,7 +146,7 @@
}, },
{ {
"name": "touch", "name": "touch",
"imagebackground": "url('./images/touch.jpg", "imagebackground": "url('./sui/images/touch.jpg",
"colorbackground": "#FFFFFF30", "colorbackground": "#FFFFFF30",
"colorserachbackground": "#FF709C39", "colorserachbackground": "#FF709C39",
"colortextpri": "#840D1D", "colortextpri": "#840D1D",
@@ -146,7 +155,7 @@
}, },
{ {
"name": "peek", "name": "peek",
"imagebackground": "url('./images/img30.jpg')", "imagebackground": "url('./sui/images/img30.jpg')",
"colorbackground": "#FFFFFF60", "colorbackground": "#FFFFFF60",
"colorserachbackground": "#487B7F59", "colorserachbackground": "#487B7F59",
"colortextpri": "#1C3032", "colortextpri": "#1C3032",