Merge pull request #86 from accrazed/More-Fixes

CSS based lattice instead of image overlaid one
accrazed · Aug 15, 2024 · 025637e · 025637e
2 parents 38fa4fd + e1e1255
commit 025637e
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 6 deletions.
diff --git a/NieR-Import.theme.css b/NieR-Import.theme.css
@@ -2901,9 +2901,10 @@ strong {
   left: 0;
   width: 100%;
   height: 100%;
-  background: url("https://i.ibb.co/Fq9Jt09/Nie-R-Lattice.png");
+  background-size: 5px 5px;
+  background-image: linear-gradient(90deg, transparent, transparent 4px, rgba(0, 0, 0, 0.07) 5px), linear-gradient(transparent, transparent 4px, rgba(0, 0, 0, 0.07) 5px);
   z-index: 10000;
-  opacity: 0.03;
+  opacity: 0.75;
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
@@ -3009,8 +3010,7 @@ strong {
 
 .background_a26d7b {
   fill: var(--color-low);
-  -webkit-clip-path: circle(37% at center);
-          clip-path: circle(37% at center);
+  clip-path: circle(37% at center);
 }
 
 .svg_a26d7b {

diff --git a/src/app/_header.scss b/src/app/_header.scss
@@ -63,3 +63,18 @@
 .themed-2-lozF.item_a0 {
 	color: $low;
 }
+
+// .container_fc4f04.themed_fc4f04{
+// 	.children_fc4f04::after {
+// 		content: ''; /* Use the variable */
+// 		position:absolute;
+// 		width: 100%;
+// 		bottom: 0;
+// 		left: 0;
+// 		right: 0;
+// 		text-align: center; /* Optional: center the content */
+// 		background: var(--border-pattern);
+// 		background-color: #f0f0f0; /* Optional: background for the appended content */
+// 		padding: 5px; /* Optional: padding for the appended content */
+// 	}
+// }
diff --git a/src/overlay/_overlay.scss b/src/overlay/_overlay.scss
@@ -6,9 +6,10 @@
 	left: 0;
 	width: 100%;
 	height: 100%;
-	background: url('https://i.ibb.co/Fq9Jt09/Nie-R-Lattice.png');
+	background-size: 5px 5px;
+	background-image: linear-gradient(90deg, transparent, transparent 4px, rgba(0,0,0,.07) 5px), linear-gradient(transparent, transparent 4px, rgba(0,0,0,.07) 5px);
 	z-index: 10000;
-	opacity: 0.03;
+	opacity: 0.75;
 	user-select: none;
 	pointer-events: none;
 }