photobooth/assets/sass/themes/_modern.scss at c293f7885103489aebfea55d6253e82329a5e0e2 · PhotoboothProject/photobooth · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
/**
 * Modern Theme
 */
[data-ui-theme='modern'],
[data-ui-theme='modern_squared'] {
  .stage--start {
    .stage-inner {
      justify-content: flex-end;
      #collageDiv {
        background: color-mix(in srgb, var(--primary-color), transparent 75%);
        backdrop-filter: blur(10px);
        border-radius: 1rem;
      }
    }

    button[data-command='cups-button'] {
      position: fixed;
      top: 2rem;
      left: 2rem;
    }
  }

  .stage--result {
    button[data-command='homebtn'] {
      position: fixed;
      top: 2rem;
      left: 2rem;
    }
  }
}

[data-ui-theme='modern'] {
  .stage--start {
    .stage-inner {
      justify-content: flex-end;
      align-items: flex-end;
    }

    .names {
      text-align: right;
    }
  }
  .pswp-rotary-focus {
    background: radial-gradient(var(--highlight-color), var(--primary-color), var(--secondary-color)) !important;
  }
}

[data-ui-theme='modern_squared'] {
  .stage--start {
    .names {
      text-align: center;
    }
  }
}