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",
"version": "0.1.0",
"private": true,
"homepage": ".",
"homepage": "https://home.halfaperture.com/sui",
"dependencies": {
"@testing-library/jest-dom": "^5.16.1",
"@testing-library/react": "^11.2.7",

9
src/index.css
View File

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

20
src/index.js
View File

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

19
src/themes.json
View File

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