_unity.scss

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