Trianta/trianta.dev
1
0
Fork 0
Code Issues 13 Pull Requests Packages Projects Releases 4 Wiki Activity

Compare commits

base: Trianta:f1346a628ccc5a3ad74dc381169edaeedb1d633b
Branches Tags
Trianta:main
Trianta:pong
Trianta:redesign
Trianta:angular
Trianta:reorganize
Trianta:v0.2.2
Trianta:v0.2.1
Trianta:v0.2.0
Trianta:v0.1.0
..
compare: Trianta:f3a5359a845fd63c47a8572a03a005edb9008f56
Branches Tags
Trianta:pong
Trianta:main
Trianta:redesign
Trianta:angular
Trianta:reorganize
Trianta:v0.2.2
Trianta:v0.2.1
Trianta:v0.2.0
Trianta:v0.1.0

2 Commits
f1346a628c ... f3a5359a84

Author SHA1 Message Date
Trianta
f3a5359a84 core: restyle catppuccin-macchiato to catppuccin-latte 2024-11-25 15:43:19 -06:00
Trianta
c27b5c0ea9 core: remove background color on nav bar 2024-11-25 15:37:20 -06:00
1 changed files with 14 additions and 18 deletions
Show Stats Expand all files Collapse all files

32
default.css
View File

@ -1,19 +1,16 @@
body {
font-family: Arial, sans-serif;
font-size: 14px;
color: #cad3f5;
color: #4c4f69;
line-height: 1.5;
max-width: 1920px;
margin-inline: auto;
background: #24273a;
background: #eff1f5;
margin: 0px auto;
}
#navigation {
background: #181926;
display: flex;
border-bottom-left-radius: 18px;
border-bottom-right-radius: 18px;
}
.navItem {
@ -37,7 +34,6 @@ body {
#main {
margin: 0px 120px;
display: flex;
/*background: #1e2030;*/
}
.canvas {
@ -105,32 +101,32 @@ a:hover, a:active {
a.button {
margin: 14px 10%;
padding: 4px 12px;
border: 1px outset #494d64;
border: 1px outset #bcc0cc;
border-radius: 9px;
color: #8aadf4;
color: #1e66f5;
display: inline-block;
background-color: #363a4f;
background-color: #ccd0da;
text-decoration: none;
width: 80px;
text-align: center;
}
@keyframes hover {
0% { box-shadow: 0 0 8px 4px #24273a; }
15% { box-shadow: 0 0 8px 4px #494d64; }
50% { box-shadow: 0 0 8px 4px #b7bdf8; }
85% { box-shadow: 0 0 8px 4px #494d64; }
100% { box-shadow: 0 0 8px 4px #24273a; }
0% { box-shadow: 0 0 8px 4px #eff1f5; }
15% { box-shadow: 0 0 8px 4px #bcc0cc; }
50% { box-shadow: 0 0 8px 4px #7287fd; }
85% { box-shadow: 0 0 8px 4px #bcc0cc; }
100% { box-shadow: 0 0 8px 4px #eff1f5; }
}
@keyframes card {
0% { box-shadow: 0 0 8px 4px #24273a; }
0% { box-shadow: 0 0 8px 4px #eff1f5; }
50% { box-shadow: 0 0 8px 4px #df8e1d; }
100% { box-shadow: 0 0 8px 4px #24273a; }
100% { box-shadow: 0 0 8px 4px #eff1f5; }
}
.card {
background: #363a4f;
background: #ccd0da;
text-align: center;
border-radius: 18px;
animation: card 3s linear infinite;
@ -142,7 +138,7 @@ a.button {
}
.cardTop {
background: #1e2030;
background: #e6e9ef;
border-top-left-radius: 18px;
border-top-right-radius: 18px;
}