_unity.scss

text/plain • 2.55 kiB
ASCII text
        
            1
            /**
        
            2
             * Unity
        
            3
             */
        
            4
            
        
            5
            // Based on:
        
            6
            // https://bazaar.launchpad.net/~ubuntu-art-pkg/ubuntu-themes/trunk/view/head:/Ambiance/gtk-3.20/apps/unity.css
        
            7
            
        
            8
            @use "../../../theme";
        
            9
            @use "../../../theme-color";
        
            10
            @use "../../../shadow";
        
            11
            
        
            12
            // Decorations
        
            13
            UnityDecoration {
        
            14
              -UnityDecoration-extents: 28px 0 0 0;
        
            15
              -UnityDecoration-input-extents: 8px;
        
            16
            
        
            17
              -UnityDecoration-shadow-offset-x: 0;
        
            18
              -UnityDecoration-shadow-offset-y: 3px;
        
            19
              -UnityDecoration-active-shadow-color: rgba(black, .48);
        
            20
              -UnityDecoration-active-shadow-radius: 18px;
        
            21
              -UnityDecoration-inactive-shadow-color: rgba(black, .32);
        
            22
              -UnityDecoration-inactive-shadow-radius: 6px;
        
            23
            
        
            24
              -UnityDecoration-glow-size: 8px;
        
            25
              -UnityDecoration-glow-color: theme-color.$primary;
        
            26
            
        
            27
              -UnityDecoration-title-indent: 4px;
        
            28
              -UnityDecoration-title-fade: 32px;
        
            29
              -UnityDecoration-title-alignment: 0.0;
        
            30
            
        
            31
              .top {
        
            32
                padding: 0 2px;
        
            33
                border-style: none;
        
            34
                border-radius: theme.$corner-radius theme.$corner-radius 0 0;
        
            35
                box-shadow: inset 0 1px theme-color.highlight(theme-color.$titlebar);
        
            36
                background-color: theme-color.$titlebar;
        
            37
                color: theme-color.$on-titlebar;
        
            38
            
        
            39
                &:backdrop {
        
            40
                  background-color: theme-color.$titlebar-backdrop;
        
            41
                  color: theme-color.hint(theme-color.$on-titlebar);
        
            42
                }
        
            43
              }
        
            44
            
        
            45
              .left,
        
            46
              .right {
        
            47
              }
        
            48
            
        
            49
              .bottom {
        
            50
              }
        
            51
            
        
            52
              .menuitem {
        
            53
                border-radius: theme.$corner-radius theme.$corner-radius 0 0;
        
            54
                box-shadow: none; // Don't inherit from .top
        
            55
                color: theme-color.hint(theme-color.$on-titlebar);
        
            56
            
        
            57
                &:hover {
        
            58
                  background-color: theme-color.activated-overlay(theme-color.$on-titlebar);
        
            59
                  color: theme-color.$on-titlebar;
        
            60
                }
        
            61
              }
        
            62
            }
        
            63
            
        
            64
            .background:not(.csd) headerbar:not(.titlebar) {
        
            65
              border-radius: 0;
        
            66
              box-shadow: shadow.$z1;
        
            67
            
        
            68
              &.inline-toolbar {
        
            69
                border-style: none;
        
            70
              }
        
            71
            }
        
            72
            
        
            73
            sheet-style-dialog.unity-force-quit {
        
            74
              // background-color: theme-color.$surface-z0;
        
            75
            }
        
            76
            
        
            77
            // Panel Style
        
            78
            UnityPanelWidget,
        
            79
            .unity-panel {
        
            80
              background-color: theme-color.$panel-solid;
        
            81
              color: theme-color.$on-panel-solid;
        
            82
            
        
            83
              &:backdrop {
        
            84
                color: theme-color.hint(theme-color.$on-panel-solid);
        
            85
              }
        
            86
            }
        
            87
            
        
            88
            .unity-panel.menubar,
        
            89
            .unity-panel .menubar {
        
            90
            }
        
            91
            
        
            92
            .unity-panel.menuitem,
        
            93
            .unity-panel .menuitem {
        
            94
              color: theme-color.hint(theme-color.$on-panel-solid);
        
            95
            }
        
            96
            
        
            97
            .unity-panel.menubar.menuitem:hover,
        
            98
            .unity-panel.menubar .menuitem *:hover {
        
            99
              background-color: theme-color.activated-overlay(theme-color.$on-panel-solid);
        
            100
              color: theme-color.$on-panel-solid;
        
            101
            }
        
            102
            
        
            103
            .menu IdoPlaybackMenuItem.menuitem:active {
        
            104
              -gtk-icon-source: -gtk-icontheme('process-working-symbolic');
        
            105
              animation: spin 1s linear infinite;
        
            106
              color: theme-color.$primary;
        
            107
            }
        
            108