Module:GameInfo/styles.css: Difference between revisions

← Older edit Newer edit →

@@ Line 1: / Line 1: @@
 /* SpiritVale Wiki — Module:GameInfo/styles.css */
-/* GameInfo-family layout and skill-specific presentation.
+/* GameInfo-family layout and skill-specific presentation.*/
-   Surface model:
-   - bg0 is reserved for the site background
-   - bg1 is the base card surface
-   - bg2 is the grouped section surface
-   - bg3 is the nested bubble / framed inner surface
-   - bg4 is the deepest neutral emphasis surface when needed
-*/
 /* -------------------------------------------------------------------------- */
@@ Line 209: / Line 202: @@
    border-radius:999px;
-   /* Inner icon recess for contrast. */
+   /* Deep inner icon recess. */
-   background:var(--sv-ui-bg2);
+   background:var(--sv-ui-bg4);
    background-image:none;
 }
@@ Line 554: / Line 547: @@
 .sv_skill_scaling__stat-pill.is-inactive{
-   background:var(--sv-ui-bg2);
+   background:var(--sv-ui-bg1);
    background-image:none;
    box-shadow:none;
@@ Line 681: / Line 674: @@
 .sv_skill_scaling__core-pill.is-inactive{
-   background:var(--sv-ui-bg2);
+   background:var(--sv-ui-bg1);
 }
@@ Line 715: / Line 708: @@
    border-radius:14px;
-   background:var(--sv-ui-bg3);
+   background:var(--sv-ui-bg2);
    font-weight:900;
@@ Line 797: / Line 790: @@
    border-radius:12px;
+  background:var(--sv-ui-bg3);
    background-image:none;
    box-shadow:none;
@@ Line 842: / Line 836: @@
    border-radius:13px;
+  background:var(--sv-ui-bg3);
 }
@@ Line 906: / Line 901: @@
    border-radius:16px;
+  background:var(--sv-ui-bg2);
    background-image:none;
    box-shadow:none;