Dark mode implemented

SBrowser/Browser View/BrowserViewController.swift

@@ -65,6 +65,12 @@ class BrowserViewController: UIViewController,
             self.present(navController, animated: true, completion: nil)
         }), for: .touchUpInside)
         
+        // Dark mode button
+        toolbarController.darkModeButton.addAction(UIAction(handler: { _ in
+            self.bridge.darkModeEnabled = !self.bridge.darkModeEnabled
+            self.toolbarController.darkModeEnabled = self.bridge.darkModeEnabled
+        }), for: .touchUpInside)
+        
         // TextField delegate
         toolbarController.urlBar.textField.delegate = self
         

SBrowser/Browser View/ToolbarViewController.swift

@@ -116,12 +116,25 @@ class ToolbarViewController: UIViewController
     let shareButton = UIButton(frame: .zero)
     let darkModeButton = UIButton(frame: .zero)
     
+    var darkModeEnabled: Bool = false {
+        didSet {
+            if darkModeEnabled {
+                darkModeButton.setImage(darkModeEnabledImage, for: .normal)
+            } else {
+                darkModeButton.setImage(darkModeDisabledImage, for: .normal)
+            }
+        }
+    }
+    
+    private let darkModeDisabledImage = UIImage(systemName: "moon.circle")
+    private let darkModeEnabledImage = UIImage(systemName: "moon.circle.fill")
+    
     init() {
         super.init(nibName: nil, bundle: nil)
         
         toolbarView.urlBar = urlBar
         
-        darkModeButton.setImage(UIImage(systemName: "moon.circle"), for: .normal)
+        darkModeButton.setImage(darkModeDisabledImage, for: .normal)
         toolbarView.buttonsView.addButtonView(darkModeButton)
         
         shareButton.setImage(UIImage(systemName: "square.and.arrow.up"), for: .normal)

SBrowser/Browser View/URLBar.swift

@@ -23,17 +23,20 @@ class URLBar: UIView
     
     private let backgroundView = UIVisualEffectView(effect: UIBlurEffect(style: .systemThickMaterial))
     private let progressIndicatorView = ProgressIndicatorView()
+    private let fadeMaskView = UIImageView(frame: .zero)
     
     private let refreshImage = UIImage(systemName: "arrow.clockwise")
     private let stopImage = UIImage(systemName: "xmark")
     
+    private let backgroundCornerRadius: CGFloat = 8
+    
     convenience init() {
         self.init(frame: .zero)
         
         backgroundColor = .clear
         
         backgroundView.layer.masksToBounds = true
-        backgroundView.layer.cornerRadius = 8
+        backgroundView.layer.cornerRadius = backgroundCornerRadius
         backgroundView.layer.borderWidth = 1
         backgroundView.layer.borderColor = UIColor.systemFill.cgColor
         backgroundView.isUserInteractionEnabled = false
@@ -85,12 +88,47 @@ class URLBar: UIView
         return CGSize(width: 1000.0, height: preferredHeight)
     }
     
+    private func fadeBackgroundImageForSize(_ size: CGSize) -> UIImage? {
+        var image: UIImage? = nil
+        
+        UIGraphicsBeginImageContext(CGSize(width: size.width, height: 1.0))
+        if let context = UIGraphicsGetCurrentContext() {
+            let gradientColorsArray = [
+                UIColor(white: 1.0, alpha: 1.0).cgColor,
+                UIColor(white: 1.0, alpha: 1.0).cgColor,
+                UIColor(white: 1.0, alpha: 0.08).cgColor,
+                UIColor(white: 1.0, alpha: 0.08).cgColor
+            ]
+            
+            let locations: [CGFloat] = [
+                0.0, 0.80, 0.90, 1.0
+            ]
+            
+            if let gradient = CGGradient(colorsSpace: nil, colors: gradientColorsArray as CFArray, locations: locations) {
+                context.drawLinearGradient(gradient, start: .zero, end: CGPoint(x: size.width, y: 0.0), options: CGGradientDrawingOptions())
+            }
+            
+            image = UIGraphicsGetImageFromCurrentImageContext()
+            UIGraphicsEndImageContext();
+        }
+        
+        return image
+    }
+    
     override func layoutSubviews() {
         super.layoutSubviews()
         backgroundView.frame = bounds
         progressIndicatorView.frame = backgroundView.contentView.bounds
         textField.frame = bounds.insetBy(dx: 6.0, dy: 0)
         
+        fadeMaskView.frame = textField.bounds
+        fadeMaskView.image = fadeBackgroundImageForSize(fadeMaskView.frame.size)
+        if !textField.isFirstResponder {
+            textField.mask = fadeMaskView
+        } else {
+            textField.mask = nil
+        }
+        
         let refreshButtonSize = CGSize(width: textField.frame.height, height: textField.frame.height)
         refreshButton.frame = CGRect(origin: CGPoint(x: bounds.width - refreshButtonSize.width, y: 0), size: refreshButtonSize)
     }